diff --git a/packages/frontend/core/src/components/affine/page-history-modal/styles.css.ts b/packages/frontend/core/src/components/affine/page-history-modal/styles.css.ts
index 8694b73337..e9d1f57659 100644
--- a/packages/frontend/core/src/components/affine/page-history-modal/styles.css.ts
+++ b/packages/frontend/core/src/components/affine/page-history-modal/styles.css.ts
@@ -52,6 +52,9 @@ export const previewHeaderTitle = style({
   fontSize: 'var(--affine-font-xs)',
   fontWeight: 600,
   maxWidth: 400, // better responsiveness
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
 });
 
 export const previewHeaderTimestamp = style({