diff --git a/frontend/appflowy_web_app/src/components/publish/CollabView.tsx b/frontend/appflowy_web_app/src/components/publish/CollabView.tsx
index bc82f77e43..a0a0697596 100644
--- a/frontend/appflowy_web_app/src/components/publish/CollabView.tsx
+++ b/frontend/appflowy_web_app/src/components/publish/CollabView.tsx
@@ -47,7 +47,7 @@ function CollabView ({ doc }: CollabViewProps) {
 
   return (
     <div style={style}
-         className={`relative w-full flex-1 ${isTemplateThumb ? 'flex justify-center' : ''}  ${layoutClassName}`}
+         className={`relative w-full ${isTemplateThumb ? 'flex justify-center h-full' : 'flex-1'}  ${layoutClassName}`}
     >
       <View
         doc={doc}
diff --git a/frontend/appflowy_web_app/src/components/publish/DatabaseView.tsx b/frontend/appflowy_web_app/src/components/publish/DatabaseView.tsx
index 5069e3b32f..a4a39de0f7 100644
--- a/frontend/appflowy_web_app/src/components/publish/DatabaseView.tsx
+++ b/frontend/appflowy_web_app/src/components/publish/DatabaseView.tsx
@@ -47,7 +47,7 @@ function DatabaseView ({ viewMeta, ...props }: DatabaseProps) {
   return (
     <div
       style={{
-        minHeight: 'calc(100% - 48px)',
+        minHeight: 'calc(100vh - 48px)',
         maxWidth: isTemplateThumb ? '964px' : undefined,
       }}
       className={'relative flex h-full w-full flex-col px-16 max-md:px-4'}
diff --git a/frontend/appflowy_web_app/src/components/publish/useViewMeta.ts b/frontend/appflowy_web_app/src/components/publish/useViewMeta.ts
index 764c1b2fda..3abe666673 100644
--- a/frontend/appflowy_web_app/src/components/publish/useViewMeta.ts
+++ b/frontend/appflowy_web_app/src/components/publish/useViewMeta.ts
@@ -1,4 +1,3 @@
-import { ViewLayout } from '@/application/collab.type';
 import { usePublishContext } from '@/application/publish';
 import { EditorLayoutStyle } from '@/components/editor/EditorContext';
 import { ViewMetaCover } from '@/components/view-meta';
@@ -35,9 +34,8 @@ export function useViewMeta () {
     return {
       fontFamily: layoutStyle.font,
       fontSize: fontSizeMap[layoutStyle.fontLayout],
-      height: layout === ViewLayout.Document ? 'auto' : 'inherit',
     };
-  }, [layoutStyle, layout]);
+  }, [layoutStyle]);
 
   const layoutClassName = useMemo(() => {
     const classList = [];