diff --git a/frontend/appflowy_web_app/src/components/document/Document.tsx b/frontend/appflowy_web_app/src/components/document/Document.tsx
index 1050e487db..f26c502e87 100644
--- a/frontend/appflowy_web_app/src/components/document/Document.tsx
+++ b/frontend/appflowy_web_app/src/components/document/Document.tsx
@@ -46,7 +46,7 @@ export const Document = ({
     <div
       style={{
         minHeight: `calc(100vh - 48px)`,
-      }} className={'mb-36 flex h-full w-full flex-col items-center'}
+      }} className={'flex h-full w-full flex-col items-center'}
     >
       <ViewMetaPreview {...viewMeta} />
       <Suspense fallback={<EditorSkeleton />}>
diff --git a/frontend/appflowy_web_app/src/components/editor/Editable.tsx b/frontend/appflowy_web_app/src/components/editor/Editable.tsx
index 711597efe5..0173bced74 100644
--- a/frontend/appflowy_web_app/src/components/editor/Editable.tsx
+++ b/frontend/appflowy_web_app/src/components/editor/Editable.tsx
@@ -28,7 +28,7 @@ const EditorEditable = ({ editor }: { editor: ReactEditor }) => {
 
           return decoration || [];
         }}
-        className={'outline-none w-[964px] min-w-0 max-w-full px-6 focus:outline-none'}
+        className={'outline-none mb-36 w-[964px] min-w-0 max-w-full px-6 focus:outline-none'}
         renderLeaf={Leaf}
         renderElement={renderElement}
         readOnly={readOnly}