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 0ce916d5f9..7ab69c67e1 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
@@ -10,6 +10,10 @@ export const affineDocViewport = style({
   display: 'flex',
   flexDirection: 'column',
   paddingBottom: '100px',
+});
+
+export const docContainer = style({
+  display: 'block',
   selectors: ['generating', 'finished', 'error'].reduce<
     NonNullable<StyleRule['selectors']>
   >((rules, state) => {
@@ -20,10 +24,6 @@ export const affineDocViewport = style({
   }, {}),
 });
 
-export const docContainer = style({
-  display: 'block',
-});
-
 export const docEditorGap = style({
   display: 'block',
   width: '100%',