From bba5ec99019572efff26ee7eba1b80ccd8bd201e Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Tue, 3 Nov 2026 05:10:22 +0100
Subject: [PATCH] fix: show the full name in the search suggestions of a narrow
 list

---
 components/search/search-suggestions.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/search/search-suggestions.tsx b/components/search/search-suggestions.tsx
index 607f75e2a..425f638d2 100644
--- a/components/search/search-suggestions.tsx
+++ b/components/search/search-suggestions.tsx
@@ -155,11 +155,12 @@ export function SearchSuggestions({
               }}
             >
               <Avatar name={suggestion.name} email={suggestion.email} size="sm" className="shrink-0 w-6 h-6 text-[0.625rem]" />
-              <span className="flex-1 min-w-0 flex items-baseline gap-1.5 truncate">
+              <span className="flex-1 min-w-0 flex items-baseline gap-1.5 overflow-hidden">
                 {suggestion.name ? (
                   <>
-                    <HighlightedText text={suggestion.name} query={query} className="truncate" />
-                    <HighlightedText text={`<${suggestion.email}>`} query={query} className="text-muted-foreground truncate" />
+                    {/* The address gives way first: both shrinking left "Bo..." in a narrow list. */}
+                    <HighlightedText text={suggestion.name} query={query} className="truncate shrink-0 max-w-[60%]" />
+                    <HighlightedText text={`<${suggestion.email}>`} query={query} className="text-muted-foreground truncate min-w-0" />
                   </>
                 ) : (
                   <HighlightedText text={suggestion.email} query={query} className="truncate" />