From e38bc6cd86eb3269efb562267320bfd44bf2741e Mon Sep 17 00:00:00 2001
From: PostHog Code <code@posthog.com>
Date: Fri, 1 May 2026 16:51:00 +0000
Subject: [PATCH] fix(command-center): use popper positioning for layout
 dropdown
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Radix Select's default item-aligned positioning placed options above the
trigger when a non-first layout was selected. The toolbar sits flush below
the title bar's `-webkit-app-region: drag` zone, so any dropdown items that
extended into that region were intercepted by the OS drag handler and
couldn't be clicked — the first option (1x1) was effectively unselectable
whenever a later option was already active. Switching to popper positioning
opens the menu below the trigger, away from the drag region.

Generated-By: PostHog Code
Task-Id: 1ec4f740-9596-4157-b560-13f0e751ad62
---
 .../features/command-center/components/CommandCenterToolbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx b/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx
index d4b5651e8..2e4907042 100644
--- a/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx
+++ b/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx
@@ -123,7 +123,7 @@ export function CommandCenterToolbar({
         onValueChange={(v) => setLayout(v as LayoutPreset)}
       >
         <Select.Trigger variant="ghost" className="text-[12px]" />
-        <Select.Content>
+        <Select.Content position="popper" sideOffset={4}>
           {LAYOUT_OPTIONS.map((opt) => (
             <Select.Item key={opt.value} value={opt.value}>
               <Flex align="center" gap="2">