diff --git a/apps/core/src/components/page-detail-editor.css.ts b/apps/core/src/components/page-detail-editor.css.ts
index 368ea82821..833ac0d884 100644
--- a/apps/core/src/components/page-detail-editor.css.ts
+++ b/apps/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 pluginContainer = style({
   height: '100%',
@@ -16,3 +16,6 @@ export const editor = style({
     },
   },
 });
+globalStyle('.is-public-page affine-page-meta-data', {
+  display: 'none',
+});
diff --git a/apps/core/src/components/page-detail-editor.tsx b/apps/core/src/components/page-detail-editor.tsx
index 3719d53fb3..4d9510fb9d 100644
--- a/apps/core/src/components/page-detail-editor.tsx
+++ b/apps/core/src/components/page-detail-editor.tsx
@@ -80,6 +80,7 @@ const EditorWrapper = memo(function EditorWrapper({
       <Editor
         className={clsx(styles.editor, {
           'full-screen': appSettings.fullWidthLayout,
+          'is-public-page': isPublic,
         })}
         style={
           {