diff --git a/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.html b/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.html
index 912bc152..19499d64 100644
--- a/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.html
+++ b/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.html
@@ -9,10 +9,10 @@
     <div #messageContainer class="notice">
       {{ data.message }}
     </div>
+    <mat-card-actions class="button-form flex-row">
+      <button mat-flat-button (click)="onClickConfirm()" class="mat-primary">
+        {{ 'common.messages.confirm' | translate }}
+      </button>
+    </mat-card-actions>
   </mat-card-content>
-  <mat-card-actions class="button-form flex-row">
-    <button mat-stroked-button (click)="onClickConfirm()" class="mat-primary">
-      {{ 'common.messages.confirm' | translate }}
-    </button>
-  </mat-card-actions>
 </mat-card>
diff --git a/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.scss b/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.scss
index 9aa27060..883190ca 100644
--- a/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.scss
+++ b/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.scss
@@ -1,5 +1,14 @@
-form {
-  .mat-form-field {
-    width: 100%;
+.confirm-card {
+  width: 100%;
+  height: 100%;
+  .mat-card-content {
+    display: flex;
+    flex-flow: column;
+    .mat-card-actions {
+      display: flex;
+      align-self: flex-end;
+      flex-flow: row;
+      margin-top: auto;
+    }
   }
 }