diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts
index d5494d9c..f360f569 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts
@@ -890,7 +890,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
         AlertDialogData,
         AlertDialogResult
       >(AlertDialogComponent, {
-        width: '360px',
+        panelClass: 'miniSize-dialog',
         data: {
           title: this.translateService.instant('chat.errors.label'),
           message: this.translateService.instant(
@@ -1024,7 +1024,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
               AlertDialogData,
               AlertDialogResult
             >(AlertDialogComponent, {
-              width: '360px',
+              panelClass: 'miniSize-dialog',
               data: {
                 title: '',
                 message: this.translateService.instant(
@@ -1042,7 +1042,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
             AlertDialogData,
             AlertDialogResult
           >(AlertDialogComponent, {
-            width: '360px',
+            panelClass: 'miniSize-dialog',
             data: {
               title: '',
               message: this.translateService.instant(
@@ -1741,6 +1741,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
               AlertDialogData,
               AlertDialogResult
             >(AlertDialogComponent, {
+              panelClass: 'miniSize-dialog',
               data: {
                 title: this.translateService.instant('chat.errors.label'),
                 html: this.translateService.instant(
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.ts
index 81ed36a2..d0ec72d1 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.ts
@@ -159,6 +159,7 @@ export class RoomUserListComponent implements OnInit, OnDestroy {
         AlertDialogData,
         AlertDialogResult
       >(AlertDialogComponent, {
+        panelClass: 'miniSize-dialog',
         data: {
           title: this.translateService.instant('chat.errors.label'),
           html: this.translateService.instant(
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.ts
index 947dd510..c6dea26e 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.ts
@@ -766,6 +766,7 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
           AlertDialogData,
           AlertDialogResult
         >(AlertDialogComponent, {
+          panelClass: 'miniSize-dialog',
           data: {
             title: this.translateService.instant('group.errors.label'),
             html: this.translateService.instant('group.errors.requireName')
@@ -787,6 +788,7 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
         ConfirmDialogData,
         ConfirmDialogResult
       >(ConfirmDialogComponent, {
+        panelClass: 'miniSize-dialog',
         data: {
           title: this.translateService.instant('group.addNew'),
           html: cfmMsg
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.ts
index e2405970..f273ef5e 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.ts
@@ -215,6 +215,7 @@ export class SelectGroupDialogComponent implements OnInit {
       ConfirmDialogData,
       ConfirmDialogResult
     >(ConfirmDialogComponent, {
+      panelClass: 'miniSize-dialog',
       data: {
         title: this.translateService.instant('group.addNew'),
         html: this.translateService.instant('group.confirmAddNewWith', {
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.ts
index f627f96e..182d2114 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.ts
@@ -307,6 +307,7 @@ export class MessageDetailDialogComponent implements OnInit {
         AlertDialogData,
         AlertDialogResult
       >(AlertDialogComponent, {
+        panelClass: 'miniSize-dialog',
         data: {
           title: '',
           html: this.translateService.instant(
@@ -489,6 +490,7 @@ export class MessageDetailDialogComponent implements OnInit {
             ConfirmDialogData,
             ConfirmDialogResult
           >(ConfirmDialogComponent, {
+            panelClass: 'miniSize-dialog',
             data: {
               title: this.translateService.instant('message.remove'),
               message: this.translateService.instant('message.confirmRemove')
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-write.dialog.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-write.dialog.component.ts
index df0f9244..ed4b949e 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-write.dialog.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-write.dialog.component.ts
@@ -247,6 +247,7 @@ export class MessageWriteDialogComponent implements OnInit {
                 AlertDialogData,
                 AlertDialogResult
               >(AlertDialogComponent, {
+                panelClass: 'miniSize-dialog',
                 data: {
                   title: this.translateService.instant('message.errors.label'),
                   message: errorMsg
@@ -359,6 +360,7 @@ export class MessageWriteDialogComponent implements OnInit {
                 AlertDialogData,
                 AlertDialogResult
               >(AlertDialogComponent, {
+                panelClass: 'miniSize-dialog',
                 data: {
                   title: this.translateService.instant('message.errors.label'),
                   message: errorMsg
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/profile/profile.dialog.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/profile/profile.dialog.component.ts
index 5e180826..6ba1ecf1 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/profile/profile.dialog.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/profile/profile.dialog.component.ts
@@ -256,6 +256,7 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {
         AlertDialogData,
         AlertDialogResult
       >(AlertDialogComponent, {
+        panelClass: 'miniSize-dialog',
         data: {
           title: this.translateService.instant('call.errors.label'),
           html: this.translateService.instant('call.errors.cannotCallToUser')
@@ -310,6 +311,7 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {
         AlertDialogData,
         AlertDialogResult
       >(AlertDialogComponent, {
+        panelClass: 'miniSize-dialog',
         data: {
           title: this.translateService.instant('call.errors.label'),
           html: this.translateService.instant(
@@ -331,6 +333,7 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {
         AlertDialogData,
         AlertDialogResult
       >(AlertDialogComponent, {
+        panelClass: 'miniSize-dialog',
         data: {
           title: this.translateService.instant('sms.errors.label'),
           html: this.translateService.instant('sms.errors.haveNoPermission')
diff --git a/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.ts b/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.ts
index 688c5a21..f2b7a753 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.ts
@@ -374,6 +374,7 @@ export class MainPageComponent implements OnInit, OnDestroy {
         AlertDialogData,
         AlertDialogResult
       >(AlertDialogComponent, {
+        panelClass: 'miniSize-dialog',
         data: {
           title: this.translateService.instant('call.errors.label'),
           html: this.translateService.instant('call.errors.cannotCallToUser')
@@ -423,6 +424,7 @@ export class MainPageComponent implements OnInit, OnDestroy {
         AlertDialogData,
         AlertDialogResult
       >(AlertDialogComponent, {
+        panelClass: 'miniSize-dialog',
         data: {
           title: this.translateService.instant('call.errors.label'),
           html: this.translateService.instant(
@@ -444,6 +446,7 @@ export class MainPageComponent implements OnInit, OnDestroy {
         AlertDialogData,
         AlertDialogResult
       >(AlertDialogComponent, {
+        panelClass: 'miniSize-dialog',
         data: {
           title: this.translateService.instant('sms.errors.label'),
           html: this.translateService.instant('sms.errors.haveNoPermission')
diff --git a/projects/ucap-webmessenger-app/src/app/resolvers/messenger.resolver.ts b/projects/ucap-webmessenger-app/src/app/resolvers/messenger.resolver.ts
index 7012e5a9..469efa7b 100644
--- a/projects/ucap-webmessenger-app/src/app/resolvers/messenger.resolver.ts
+++ b/projects/ucap-webmessenger-app/src/app/resolvers/messenger.resolver.ts
@@ -155,6 +155,7 @@ export class AppMessengerResolver implements Resolve<void> {
                 AlertDialogData,
                 AlertDialogResult
               >(AlertDialogComponent, {
+                panelClass: 'miniSize-dialog',
                 disableClose: true,
                 data: {
                   title: 'Warnning!!',
diff --git a/projects/ucap-webmessenger-app/src/app/store/account/authentication/effects.ts b/projects/ucap-webmessenger-app/src/app/store/account/authentication/effects.ts
index 8a5ae39c..625cc73b 100644
--- a/projects/ucap-webmessenger-app/src/app/store/account/authentication/effects.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/account/authentication/effects.ts
@@ -335,6 +335,7 @@ export class Effects {
               ConfirmDialogData,
               ConfirmDialogResult
             >(ConfirmDialogComponent, {
+              panelClass: 'miniSize-dialog',
               disableClose: true,
               data: {
                 title: this.translateService.instant(
@@ -364,6 +365,7 @@ export class Effects {
               ConfirmDialogData,
               ConfirmDialogResult
             >(ConfirmDialogComponent, {
+              panelClass: 'miniSize-dialog',
               disableClose: true,
               data: {
                 title: this.translateService.instant('accounts.resetPassword'),
@@ -388,6 +390,7 @@ export class Effects {
               AlertDialogData,
               AlertDialogResult
             >(AlertDialogComponent, {
+              panelClass: 'miniSize-dialog',
               data: {
                 title: this.translateService.instant(
                   'accounts.passwordExpired'
diff --git a/projects/ucap-webmessenger-app/src/app/store/messenger/room/effects.ts b/projects/ucap-webmessenger-app/src/app/store/messenger/room/effects.ts
index f725cb9a..99dc944b 100644
--- a/projects/ucap-webmessenger-app/src/app/store/messenger/room/effects.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/messenger/room/effects.ts
@@ -111,6 +111,7 @@ export class Effects {
               AlertDialogData,
               AlertDialogResult
             >(AlertDialogComponent, {
+              panelClass: 'miniSize-dialog',
               disableClose: true,
               data: {
                 title: 'Warnning!!',
@@ -298,6 +299,7 @@ export class Effects {
             AlertDialogData,
             AlertDialogResult
           >(AlertDialogComponent, {
+            panelClass: 'miniSize-dialog',
             data: {
               title: this.translateService.instant('chat.errors.label'),
               html: this.translateService.instant(
diff --git a/projects/ucap-webmessenger-app/src/app/store/messenger/settings/effects.ts b/projects/ucap-webmessenger-app/src/app/store/messenger/settings/effects.ts
index 9ebd4de0..ad311f82 100644
--- a/projects/ucap-webmessenger-app/src/app/store/messenger/settings/effects.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/messenger/settings/effects.ts
@@ -74,6 +74,7 @@ export class Effects {
               AlertDialogData,
               AlertDialogResult
             >(AlertDialogComponent, {
+              panelClass: 'miniSize-dialog',
               disableClose: true,
               data: {
                 title: 'Warnning!!',
diff --git a/projects/ucap-webmessenger-app/src/app/store/messenger/sync/effects.ts b/projects/ucap-webmessenger-app/src/app/store/messenger/sync/effects.ts
index edc41612..3f713db1 100644
--- a/projects/ucap-webmessenger-app/src/app/store/messenger/sync/effects.ts
+++ b/projects/ucap-webmessenger-app/src/app/store/messenger/sync/effects.ts
@@ -453,6 +453,7 @@ export class Effects {
                 AlertDialogData,
                 AlertDialogResult
               >(AlertDialogComponent, {
+                panelClass: 'miniSize-dialog',
                 data: {
                   title: this.translateService.instant('chat.errors.label'),
                   html: this.translateService.instant(