diff --git a/projects/account/src/app/create-account/agreement-step/agreement-step.component.html b/projects/account/src/app/create-account/agreement-step/agreement-step.component.html
index 46f07f7..a876e23 100644
--- a/projects/account/src/app/create-account/agreement-step/agreement-step.component.html
+++ b/projects/account/src/app/create-account/agreement-step/agreement-step.component.html
@@ -1,4 +1,4 @@
-<mat-card>
+<mat-card fxLayout="column" fxLayoutAlign="space-around">
     <mat-card-content [innerHTML]="agreementContent"></mat-card-content>
     <mat-card-actions align="right">
         <button *ngIf="!agreementAccepted" mat-button (click)="acceptAgreement()">
diff --git a/projects/account/src/app/create-account/agreement-step/agreement-step.component.scss b/projects/account/src/app/create-account/agreement-step/agreement-step.component.scss
index 242f7ed..04e955c 100644
--- a/projects/account/src/app/create-account/agreement-step/agreement-step.component.scss
+++ b/projects/account/src/app/create-account/agreement-step/agreement-step.component.scss
@@ -14,11 +14,10 @@ mat-card {
     mat-card-content {
         max-height: 85%;
         overflow-y: auto;
-        padding: 8px;
     }
 
     mat-card-actions {
-        padding-right: 16px;
+        padding-right: 8px;
     }
 
 }