diff --git a/src/App.vue b/src/App.vue
index 38daafe..0b811d8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -187,7 +187,7 @@ export default {
 .main {
   @media #{map-get($display-breakpoints, 'lg-and-up')} {
     margin: 0 auto;
-    width: $main-desktop-width;;
+    width: $main-desktop-width;
   }
 }
 </style>
diff --git a/src/assets/css/_variables.scss b/src/assets/css/_variables.scss
index 9b6a0be..b3db302 100644
--- a/src/assets/css/_variables.scss
+++ b/src/assets/css/_variables.scss
@@ -1,7 +1,7 @@
 $background: #ffffff;
 $app-background: #f6f6f6;
-$main-desktop-width: 644px;
-$dialog-desktop-width: 688px;
+$main-desktop-width: 900px;
+$dialog-desktop-width: 940px;
 
 
 $chat-background: $background;
diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 4fd7ec8..50eeefe 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -70,7 +70,11 @@
     </v-container>
 
     <!-- edit password dialog -->
-    <v-dialog v-model="showEditPasswordDialog" class="ma-0 pa-0" width="50%">
+    <v-dialog
+      v-model="showEditPasswordDialog"
+      class="ma-0 pa-0"
+      :width="$vuetify.breakpoint.smAndUp ? '940px' : '80%'"
+    >
       <v-card :disabled="settingPassword">
         <v-card-title>{{ $t("profile.change_password") }}</v-card-title>
         <v-card-text>
@@ -119,7 +123,11 @@
     </v-dialog>
 
     <!-- edit display name dialog -->
-    <v-dialog v-model="showEditDisplaynameDialog" class="ma-0 pa-0" width="50%">
+    <v-dialog
+      v-model="showEditDisplaynameDialog"
+      class="ma-0 pa-0"
+      :width="$vuetify.breakpoint.smAndUp ? '940px' : '80%'"
+    >
       <v-card>
         <v-card-title>{{ $t("profile.display_name") }}</v-card-title>
         <v-card-text>
diff --git a/src/components/ProfileInfoPopup.vue b/src/components/ProfileInfoPopup.vue
index 956d948..0e74bf4 100644
--- a/src/components/ProfileInfoPopup.vue
+++ b/src/components/ProfileInfoPopup.vue
@@ -3,7 +3,7 @@
     v-model="showDialog"
     content-class="profile-info-popup"
     class="ma-0 pa-0"
-    :width="$vuetify.breakpoint.smAndUp ? '688px' : '95%'"
+    :width="$vuetify.breakpoint.smAndUp ? '940px' : '95%'"
   >
     <v-card flat>
       <v-card-text>
diff --git a/src/components/SelectLanguageDialog.vue b/src/components/SelectLanguageDialog.vue
index 1ac5a00..b09d1bb 100644
--- a/src/components/SelectLanguageDialog.vue
+++ b/src/components/SelectLanguageDialog.vue
@@ -3,7 +3,7 @@
     class="ma-0 pa-0"
     v-bind="{ ...$props, ...$attrs }"
     v-on="$listeners"
-    :width="$vuetify.breakpoint.smAndUp ? '688px' : '80%'"
+    :width="$vuetify.breakpoint.smAndUp ? '940px' : '80%'"
   >
     <v-card class="dialog-card">
       <v-card-title class="dialog-title"