diff --git a/src/pages/index/config.vue b/src/pages/index/config.vue
index 857c64ba..bdb6b3a3 100644
--- a/src/pages/index/config.vue
+++ b/src/pages/index/config.vue
@@ -9,22 +9,28 @@ definePage({
 </script>
 
 <template>
-  <div gap-20px grid="~ cols-2">
-    <config-normal></config-normal>
+  <div h-full flex="~ col">
+    <div grid="~ cols-2" gap-20px mb-auto>
+      <div space-y-20px>
+        <config-normal></config-normal>
 
-    <config-parser></config-parser>
+        <config-parser></config-parser>
 
-    <config-download></config-download>
+        <config-download></config-download>
 
-    <config-manage></config-manage>
+        <config-manage></config-manage>
+      </div>
 
-    <config-notification></config-notification>
+      <div space-y-20px>
+        <config-notification></config-notification>
 
-    <config-proxy></config-proxy>
+        <config-proxy></config-proxy>
 
-    <config-player></config-player>
+        <config-player></config-player>
+      </div>
+    </div>
 
-    <div fx-cer justify-end gap-8px col-span-2>
+    <div fx-cer justify-end gap-8px mt-20px>
       <ab-button type="warn" @click="getConfig">Cancel</ab-button>
       <ab-button @click="setConfig">Apply</ab-button>
     </div>