From 30ab5c188c9503004e846dc27563a500f2a91b9a Mon Sep 17 00:00:00 2001
From: Ammar <ammar+ai@ammar.io>
Date: Sat, 13 Dec 2025 11:59:54 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20fix:=20align=20secondary=20text?=
 =?UTF-8?q?=20in=20RightSidebar=20tab=20titles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Change tab button flex alignment from items-center to items-baseline
so that secondary text (cost and review count) aligns horizontally
with the tab name despite different font sizes.

_Generated with mux_
---
 src/browser/components/RightSidebar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/browser/components/RightSidebar.tsx b/src/browser/components/RightSidebar.tsx
index d92bade792..25d39c2f59 100644
--- a/src/browser/components/RightSidebar.tsx
+++ b/src/browser/components/RightSidebar.tsx
@@ -271,7 +271,7 @@ const RightSidebarComponent: React.FC<RightSidebarProps> = ({
               <TooltipTrigger asChild>
                 <button
                   className={cn(
-                    "rounded-md px-3 py-1 text-xs font-medium transition-all duration-150 flex items-center gap-1.5",
+                    "rounded-md px-3 py-1 text-xs font-medium transition-all duration-150 flex items-baseline gap-1.5",
                     selectedTab === "costs"
                       ? "bg-hover text-foreground"
                       : "bg-transparent text-muted hover:bg-hover/50 hover:text-foreground"
@@ -299,7 +299,7 @@ const RightSidebarComponent: React.FC<RightSidebarProps> = ({
               <TooltipTrigger asChild>
                 <button
                   className={cn(
-                    "rounded-md px-3 py-1 text-xs font-medium transition-all duration-150 flex items-center gap-1.5",
+                    "rounded-md px-3 py-1 text-xs font-medium transition-all duration-150 flex items-baseline gap-1.5",
                     selectedTab === "review"
                       ? "bg-hover text-foreground"
                       : "bg-transparent text-muted hover:bg-hover/50 hover:text-foreground"