diff --git a/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page.css.ts b/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page.css.ts
index 722c464d5..758085307 100644
--- a/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page.css.ts
+++ b/packages/frontend/core/src/desktop/pages/workspace/detail-page/detail-page.css.ts
@@ -48,10 +48,14 @@ export const affineDocViewport = style({
 });
 
 export const pageModeViewportContentBox = style({});
-globalStyle(`${pageModeViewportContentBox} >:first-child`, {
-  display: 'table !important',
-  minWidth: '100%',
-});
+globalStyle(
+  `${pageModeViewportContentBox} >:first-child:has(>[data-affine-editor-container])`,
+  { display: 'table !important', minWidth: '100%' }
+);
+globalStyle(
+  `${pageModeViewportContentBox} >:first-child:has(>[data-editor-loading="true"]) > [data-editor-loading="true"]`,
+  { flex: 1, minHeight: '100%' }
+);
 
 export const scrollbar = style({
   marginRight: '4px',