diff --git a/blocksuite/affine/widgets/linked-doc/src/linked-doc-popover.ts b/blocksuite/affine/widgets/linked-doc/src/linked-doc-popover.ts
index f122244f3e..ee2192fa6e 100644
--- a/blocksuite/affine/widgets/linked-doc/src/linked-doc-popover.ts
+++ b/blocksuite/affine/widgets/linked-doc/src/linked-doc-popover.ts
@@ -283,7 +283,7 @@ export class LinkedDocPopover extends SignalWatcher(
           return html`
             <div class="divider" ?hidden=${idx === 0}></div>
             <div class="group-title">
-              ${group.name}
+              <div class="group-title-text">${group.name}</div>
               ${group.isLoading
                 ? html`<span class="loading-icon">${LoadingIcon}</span>`
                 : nothing}
diff --git a/blocksuite/affine/widgets/linked-doc/src/styles.ts b/blocksuite/affine/widgets/linked-doc/src/styles.ts
index 5bb150ebbf..e7d6e4545a 100644
--- a/blocksuite/affine/widgets/linked-doc/src/styles.ts
+++ b/blocksuite/affine/widgets/linked-doc/src/styles.ts
@@ -52,6 +52,13 @@ export const linkedDocPopoverStyles = css`
     flex-shrink: 0;
     font-weight: 500;
     justify-content: space-between;
+    max-width: 240px;
+  }
+
+  .linked-doc-popover .group-title .group-title-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .linked-doc-popover .group-title .loading-icon {