diff --git a/web/src/views/apps/mysql/MysqlIndex.vue b/web/src/views/apps/mysql/MysqlIndex.vue
index 24698112..8b4b7aeb 100644
--- a/web/src/views/apps/mysql/MysqlIndex.vue
+++ b/web/src/views/apps/mysql/MysqlIndex.vue
@@ -81,23 +81,25 @@ const handleCopyRootPassword = () => {
         <n-flex vertical>
           <service-status service="mysqld" />
           <n-card :title="$gettext('Root Password')">
-            <n-alert type="info" mb-4>
-              {{
-                $gettext(
-                  'The "root" user password is used to manage the database system. Keep it safe!'
-                )
-              }}
-            </n-alert>
-            <n-flex>
-              <n-input-group>
-                <n-input v-model:value="rootPassword" type="password" show-password-on="click" />
-                <n-button type="primary" ghost @click="handleCopyRootPassword">
-                  {{ $gettext('Copy') }}
+            <n-flex vertical>
+              <n-alert type="info">
+                {{
+                  $gettext(
+                    'The "root" user password is used to manage the database system. Keep it safe!'
+                  )
+                }}
+              </n-alert>
+              <n-flex>
+                <n-input-group>
+                  <n-input v-model:value="rootPassword" type="password" show-password-on="click" />
+                  <n-button type="primary" ghost @click="handleCopyRootPassword">
+                    {{ $gettext('Copy') }}
+                  </n-button>
+                </n-input-group>
+                <n-button type="primary" @click="handleSetRootPassword">
+                  {{ $gettext('Save') }}
                 </n-button>
-              </n-input-group>
-              <n-button type="primary" @click="handleSetRootPassword">
-                {{ $gettext('Save') }}
-              </n-button>
+              </n-flex>
             </n-flex>
           </n-card>
         </n-flex>
diff --git a/web/src/views/apps/postgresql/IndexView.vue b/web/src/views/apps/postgresql/IndexView.vue
index 11c2d81e..b201e867 100644
--- a/web/src/views/apps/postgresql/IndexView.vue
+++ b/web/src/views/apps/postgresql/IndexView.vue
@@ -80,27 +80,29 @@ const handleCopyPostgresPassword = () => {
         <n-flex vertical>
           <service-status service="postgresql" show-reload />
           <n-card :title="$gettext('Super Password')">
-            <n-alert type="info" mb-4>
-              {{
-                $gettext(
-                  'The "postgres" superuser password is used to manage the database system. Keep it safe!'
-                )
-              }}
-            </n-alert>
-            <n-flex>
-              <n-input-group>
-                <n-input
-                  v-model:value="postgresPassword"
-                  type="password"
-                  show-password-on="click"
-                />
-                <n-button type="primary" ghost @click="handleCopyPostgresPassword">
-                  {{ $gettext('Copy') }}
+            <n-flex vertical>
+              <n-alert type="info">
+                {{
+                  $gettext(
+                    'The "postgres" superuser password is used to manage the database system. Keep it safe!'
+                  )
+                }}
+              </n-alert>
+              <n-flex>
+                <n-input-group>
+                  <n-input
+                    v-model:value="postgresPassword"
+                    type="password"
+                    show-password-on="click"
+                  />
+                  <n-button type="primary" ghost @click="handleCopyPostgresPassword">
+                    {{ $gettext('Copy') }}
+                  </n-button>
+                </n-input-group>
+                <n-button type="primary" @click="handleSetPostgresPassword">
+                  {{ $gettext('Save') }}
                 </n-button>
-              </n-input-group>
-              <n-button type="primary" @click="handleSetPostgresPassword">
-                {{ $gettext('Save') }}
-              </n-button>
+              </n-flex>
             </n-flex>
           </n-card>
         </n-flex>