diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-header-title/styles.css.ts b/packages/frontend/core/src/components/blocksuite/block-suite-header-title/styles.css.ts
index 922c50ee0a..32938a028c 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-header-title/styles.css.ts
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-header-title/styles.css.ts
@@ -6,7 +6,7 @@ export const headerTitleContainer = style({
   alignItems: 'center',
   flexGrow: 1,
   position: 'relative',
-  width: '100%',
+  overflow: 'hidden',
   columnGap: 12,
 });
 
diff --git a/packages/frontend/core/src/pages/workspace/detail-page/detail-page-header.css.ts b/packages/frontend/core/src/pages/workspace/detail-page/detail-page-header.css.ts
index 73b4f6052c..23d09c733f 100644
--- a/packages/frontend/core/src/pages/workspace/detail-page/detail-page-header.css.ts
+++ b/packages/frontend/core/src/pages/workspace/detail-page/detail-page-header.css.ts
@@ -47,6 +47,7 @@ export const mainHeaderRight = style({
 
 export const spacer = style({
   flexGrow: 1,
+  minWidth: 12,
 });
 
 export const standaloneExtensionSwitcherWrapper = style({