From 567880d57fc1ecfca0796ce396c24d37635b757e Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Wed, 28 Oct 2026 04:46:24 +0100
Subject: [PATCH] fix: remove the empty bands above and below a contact's name
 on the phone

---
 components/contacts/contact-detail.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/contacts/contact-detail.tsx b/components/contacts/contact-detail.tsx
index bf2e8cef5..a1558f2be 100644
--- a/components/contacts/contact-detail.tsx
+++ b/components/contacts/contact-detail.tsx
@@ -169,7 +169,7 @@ export function ContactDetail({ contact, onEdit, onDelete, onAddToGroup, onDupli
     <div className={cn("flex flex-col h-full overflow-y-auto", className)}>
       <div className={cn("border-b border-border", isMobile ? "px-4 py-4" : "px-6 py-6")}>
         <div className={cn("flex gap-4", isMobile ? "flex-col" : "flex-wrap items-start justify-between")}>
-          <div className="flex items-center gap-4 min-w-0 flex-1 basis-60">
+          <div className={cn("flex items-center gap-4 min-w-0 flex-1", !isMobile && "basis-60")}>
             <Avatar name={name} email={email} contactPhoto={photo} size={isMobile ? "md" : "lg"} />
             <div className="min-w-0 flex-1">
               <h2 className={cn("font-semibold truncate", isMobile ? "text-lg" : "text-xl")}>{name || "-"}</h2>