diff --git a/frontend/app_flowy/lib/plugins/doc/document_page.dart b/frontend/app_flowy/lib/plugins/doc/document_page.dart
index 81ea2cd03b..abdc3842e0 100644
--- a/frontend/app_flowy/lib/plugins/doc/document_page.dart
+++ b/frontend/app_flowy/lib/plugins/doc/document_page.dart
@@ -73,17 +73,14 @@ class _DocumentPageState extends State<DocumentPage> {
   }
 
   Widget _renderDocument(BuildContext context, DocumentState state) {
-    return Container(
-      color: Theme.of(context).colorScheme.surface,
-      child: Column(
-        children: [
-          if (state.isDeleted) _renderBanner(context),
-          // AppFlowy Editor
-          _renderAppFlowyEditor(
-            context.read<DocumentBloc>().editorState,
-          ),
-        ],
-      ),
+    return Column(
+      children: [
+        if (state.isDeleted) _renderBanner(context),
+        // AppFlowy Editor
+        _renderAppFlowyEditor(
+          context.read<DocumentBloc>().editorState,
+        ),
+      ],
     );
   }
 
diff --git a/frontend/app_flowy/lib/plugins/doc/editor_styles.dart b/frontend/app_flowy/lib/plugins/doc/editor_styles.dart
index 9869ddadfa..00cbcb473e 100644
--- a/frontend/app_flowy/lib/plugins/doc/editor_styles.dart
+++ b/frontend/app_flowy/lib/plugins/doc/editor_styles.dart
@@ -19,6 +19,7 @@ EditorStyle customEditorTheme(BuildContext context) {
     bold: editorStyle.bold?.copyWith(
       fontWeight: FontWeight.w500,
     ),
+    backgroundColor: Theme.of(context).colorScheme.surface,
   );
   return editorStyle;
 }