From 28f98fda4f8eefd506735e176cfdc84a63a89c2a Mon Sep 17 00:00:00 2001
From: Sarah Dayan <5370675+sarahdayan@users.noreply.github.com>
Date: Mon, 6 Apr 2026 08:32:33 +0200
Subject: [PATCH] Fix header user menu button shifting on open (#74)

Base UI's PopoverTrigger injects invisible focus guard <span> elements
as siblings when the popover opens. The space-x-2 utility (which uses
> * + *) applied margin to these spans, causing the button to shift.

Replace space-x-2 with gap-2 which is unaffected by DOM changes.

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 7202bdb..4116d8c 100644
--- a/packages/admin/src/components/Header.tsx
+++ b/packages/admin/src/components/Header.tsx
@@ -42,7 +42,7 @@ export function Header() {
 			<Sidebar.Trigger />
 
 			{/* Right side actions */}
-			<div className="flex items-center space-x-2">
+			<div className="flex items-center gap-2">
 				{/* View site link */}
 				<LinkButton variant="ghost" size="sm" href="/" external>
 					<ArrowSquareOut className="h-4 w-4 mr-1" />