diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
index a35356c2..ece071b6 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
@@ -1,13 +1,9 @@
 .setting-frame {
   padding: 16px;
-  height: 100%;
-  width: 720px;
+  height: calc(90vh - 40px);
+  width: 100%;
   position: relative;
 
-  .mat-dialog-container {
-    position: relative;
-  }
-
   .mat-card-header {
     position: relative;
     width: 100%;
@@ -23,6 +19,7 @@
     }
   }
   .mat-card-content {
+    position: relative;
     flex: 0 0 auto;
     display: flex;
     align-items: flex-start;
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 db09ba89..d9490929 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
@@ -44,9 +44,9 @@ export class Effects {
               MessengerSettingsDialogResult
             >(MessengerSettingsDialogComponent, {
               width: '800px',
-              maxWidth: '800px',
-              height: '800px',
-              minHeight: '800px',
+              maxWidth: '94vw',
+              maxHeight: '90vh',
+              minHeight: '500px',
               disableClose: false,
               data: {}
             });