diff --git a/apps/web/src/components/editor/index.tsx b/apps/web/src/components/editor/index.tsx
index 1f0f155453..9dd02cf0ff 100644
--- a/apps/web/src/components/editor/index.tsx
+++ b/apps/web/src/components/editor/index.tsx
@@ -6,6 +6,7 @@ import { styled } from '@affine/component';
 
 const StyledEditorContainer = styled('div')(() => {
   return {
+    position: 'relative',
     height: 'calc(100vh - 60px)',
     padding: '0 32px',
   };