diff --git a/packages/frontend/component/src/theme/global.css b/packages/frontend/component/src/theme/global.css
index 1907c62220..f9ab1fee08 100644
--- a/packages/frontend/component/src/theme/global.css
+++ b/packages/frontend/component/src/theme/global.css
@@ -178,7 +178,6 @@ legend {
 
 body {
   background: transparent;
-  overflow: hidden;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
 }
@@ -306,7 +305,7 @@ html,
 body {
   height: 100%;
   position: relative;
-  overflow: hidden;
+  overflow: clip;
 }
 
 /**
diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts b/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts
index 7ab69c67e1..93321c9c58 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/styles.css.ts
@@ -4,6 +4,7 @@ import { style, type StyleRule } from '@vanilla-extract/css';
 export const docEditorRoot = style({
   display: 'block',
   background: cssVar('backgroundPrimaryColor'),
+  overflowX: 'clip',
 });
 
 export const affineDocViewport = style({