diff --git a/src/App.vue b/src/App.vue
index 93d1eba..a5e8b04 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,7 +23,7 @@ whenever(ctrl_r, () => {})
 
 <template>
   <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
-    <n-split direction="horizontal">
+    <n-split :min="0.25" :max="0.75">
       <template #1>
         <Editors />
       </template>
diff --git a/src/components/Preview.vue b/src/components/Preview.vue
index 9b866c9..9ea98e9 100644
--- a/src/components/Preview.vue
+++ b/src/components/Preview.vue
@@ -1,5 +1,7 @@
 <template>
-  <iframe class="iframe" ref="iframe"></iframe>
+  <div>
+    <iframe class="iframe" ref="iframe"></iframe>
+  </div>
 </template>
 
 <script lang="ts" setup>