diff --git a/web/src/components/page/CommonPage.vue b/web/src/components/page/CommonPage.vue
index 8864df0f..747ef771 100644
--- a/web/src/components/page/CommonPage.vue
+++ b/web/src/components/page/CommonPage.vue
@@ -3,12 +3,14 @@ interface Props {
   showFooter?: boolean
   showHeader?: boolean
   title?: string
+  flex?: boolean
 }
 
 withDefaults(defineProps<Props>(), {
   showFooter: false,
   showHeader: false,
-  title: undefined
+  title: undefined,
+  flex: false
 })
 </script>
 
@@ -21,7 +23,10 @@ withDefaults(defineProps<Props>(), {
           <slot name="tabbar" />
         </n-card>
       </header>
-      <n-card class="flex-1 min-h-0 overflow-auto">
+      <n-card
+        class="flex-1 min-h-0 overflow-auto"
+        :content-class="flex ? 'flex flex-col min-h-0 h-full' : undefined"
+      >
         <slot />
       </n-card>
     </div>
diff --git a/web/src/views/file/IndexView.vue b/web/src/views/file/IndexView.vue
index 05bee921..fb34c320 100644
--- a/web/src/views/file/IndexView.vue
+++ b/web/src/views/file/IndexView.vue
@@ -24,8 +24,8 @@ const permission = ref(false)
 </script>
 
 <template>
-  <common-page show-footer>
-    <n-flex vertical :size="20" class="h-full">
+  <common-page show-footer flex>
+    <n-flex vertical :size="20" class="flex-1 min-h-0">
       <path-input
         v-model:path="fileStore.path"
         v-model:keyword="fileStore.keyword"