diff --git a/packages/frontend/core/src/components/page-detail-editor.css.ts b/packages/frontend/core/src/components/page-detail-editor.css.ts
index 567cca65c3..f1a8c34d17 100644
--- a/packages/frontend/core/src/components/page-detail-editor.css.ts
+++ b/packages/frontend/core/src/components/page-detail-editor.css.ts
@@ -3,6 +3,8 @@ export const editor = style({
   flex: 1,
   selectors: {
     '&.full-screen': {
+      width: '100%',
+      minWidth: 0,
       vars: {
         '--affine-editor-width': '100%',
         '--affine-editor-side-padding': '72px',
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 7580853075..1ec1b882a4 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
@@ -52,6 +52,10 @@ globalStyle(
   `${pageModeViewportContentBox} >:first-child:has(>[data-affine-editor-container])`,
   { display: 'table !important', minWidth: '100%' }
 );
+globalStyle(
+  `${pageModeViewportContentBox} >:first-child:has(>[data-affine-editor-container].full-screen)`,
+  { display: 'block !important', width: '100%', minWidth: '100%' }
+);
 globalStyle(
   `${pageModeViewportContentBox} >:first-child:has(>[data-editor-loading="true"]) > [data-editor-loading="true"]`,
   { flex: 1, minHeight: '100%' }