From 9a6b57be2ae601e6969669a8ad276f974b2a5978 Mon Sep 17 00:00:00 2001
From: oliver <97427849+flamboh@users.noreply.github.com>
Date: Tue, 15 Sep 2026 09:58:56 -0700
Subject: [PATCH] fix(web): drop the filled well behind the sidebar header
 buttons (#11660)

---
 apps/web/src/components/sidebar/SidebarThreadHeader.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/sidebar/SidebarThreadHeader.tsx b/apps/web/src/components/sidebar/SidebarThreadHeader.tsx
index 878235615b39ca367e49e847ece3cb47ba7acade..6f9a686e5219005182330248457a84910924b75b 100644
--- a/apps/web/src/components/sidebar/SidebarThreadHeader.tsx
+++ b/apps/web/src/components/sidebar/SidebarThreadHeader.tsx
@@ -122,9 +122,10 @@ export function SidebarThreadHeader({
           </Button>
         ) : null}
       </div>
-      {/* Segmented well: the icons read as one control instead of three loose
-          buttons competing with the search field beside them. */}
-      <div className="flex shrink-0 items-center rounded-md bg-sidebar-control-surface/60 p-px">
+      {/* Unfilled like the search field beside it: the buttons carry their own
+          hover states, and a background well reads far louder on themed
+          palettes than on the base light and dark ones. */}
+      <div className="flex shrink-0 items-center">
         {hasProjects ? (
           <>
             {projectScope}
-- 
2.54.0