From ec1e71ec2f7a8c083a1e544416baf3fbc322fd7c Mon Sep 17 00:00:00 2001
From: Sarah Dayan <5370675+sarahdayan@users.noreply.github.com>
Date: Mon, 6 Apr 2026 22:09:12 +0200
Subject: [PATCH] fix: adjust user menu button height for avatar content (#77)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Override the fixed h-6.5 from Kumo's sm size with h-auto and py-1 so
the button sizes naturally around the avatar. The sm size is still used
for text size, gap, and border-radius — only the height is overridden,
since this is a usage-specific concern (tall content inside a small
button) rather than a design system issue.

Co-authored-by: Matt Kane <mkane@cloudflare.com>
---
 packages/admin/src/components/Header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/admin/src/components/Header.tsx b/packages/admin/src/components/Header.tsx
index 4116d8c..7bb692e 100644
--- a/packages/admin/src/components/Header.tsx
+++ b/packages/admin/src/components/Header.tsx
@@ -55,7 +55,7 @@ export function Header() {
 				{/* User menu */}
 				<Popover open={userMenuOpen} onOpenChange={setUserMenuOpen}>
 					<Popover.Trigger asChild>
-						<Button variant="ghost" size="sm" className="gap-2">
+						<Button variant="ghost" size="sm" className="gap-2 py-1 h-auto">
 							{user?.avatarUrl ? (
 								<img src={user.avatarUrl} alt="" className="h-6 w-6 rounded-full object-cover" />
 							) : (