diff --git a/packages/effects/common-ui/src/components/page/page.vue b/packages/effects/common-ui/src/components/page/page.vue
index 053334482..d227288b7 100644
--- a/packages/effects/common-ui/src/components/page/page.vue
+++ b/packages/effects/common-ui/src/components/page/page.vue
@@ -48,7 +48,7 @@ async function calcContentHeight() {
     return;
   }
   await nextTick();
-  const { getLayoutFooterHeight } = useLayoutFooterStyle();
+  const { getLayoutFooterHeight } = await useLayoutFooterStyle();
   headerHeight.value = headerRef.value?.offsetHeight || 0;
   footerHeight.value = getLayoutFooterHeight() || 0;
   setTimeout(() => {
@@ -91,7 +91,12 @@ onMounted(() => {
       </div>
     </div>
 
-    <div :class="contentClass" :style="contentStyle" class="h-full p-4">
+    <div
+      v-if="shouldAutoHeight"
+      :class="contentClass"
+      :style="contentStyle"
+      class="h-full p-4"
+    >
       <slot></slot>
     </div>