diff --git a/packages/frontend/core/src/components/affine/reference-link/styles.css.ts b/packages/frontend/core/src/components/affine/reference-link/styles.css.ts
index 77a41a91e..dfe5dd6df 100644
--- a/packages/frontend/core/src/components/affine/reference-link/styles.css.ts
+++ b/packages/frontend/core/src/components/affine/reference-link/styles.css.ts
@@ -9,5 +9,6 @@ export const pageReferenceIcon = style({
 export const pageReferenceLink = style({
   textDecoration: 'none',
   color: 'inherit',
-  wordBreak: 'break-all',
+  wordBreak: 'break-word',
+  hyphens: 'auto',
 });