diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-header/menu/index.tsx b/packages/frontend/core/src/components/blocksuite/block-suite-header/menu/index.tsx
index afe65515d8..e5e0a4d126 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-header/menu/index.tsx
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-header/menu/index.tsx
@@ -150,6 +150,7 @@ export const PageHeaderMenuButton = ({
 
   const handleSwitchMode = useCallback(() => {
     const mode = primaryMode === 'page' ? 'edgeless' : 'page';
+    editorService.editor.setMode(mode);
     editorService.editor.doc.setPrimaryMode(mode);
     track.$.header.docOptions.switchPageMode({
       mode,