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..e6dd60a2a9 100644
--- a/packages/frontend/core/src/components/page-detail-editor.css.ts
+++ b/packages/frontend/core/src/components/page-detail-editor.css.ts
@@ -1,4 +1,4 @@
-import { style } from '@vanilla-extract/css';
+import { globalStyle, style } from '@vanilla-extract/css';
 export const editor = style({
   flex: 1,
   selectors: {
@@ -22,3 +22,10 @@ export const editor = style({
     },
   },
 });
+
+globalStyle(`${editor}.full-screen .page-editor-container`, {
+  vars: {
+    '--affine-editor-width': '100%',
+    '--affine-editor-side-padding': '72px',
+  },
+});