From d5768ca43cdcc317c2539463843158a3eb527467 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Fri, 13 Mar 2026 12:37:57 +0000
Subject: [PATCH] fix(ui): use 1px active indicator for alt tabs

---
 packages/app/src/components/status-popover.tsx | 8 ++++----
 packages/ui/src/components/tabs.css            | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/app/src/components/status-popover.tsx b/packages/app/src/components/status-popover.tsx
index f6863c0418..ff4ed5658b 100644
--- a/packages/app/src/components/status-popover.tsx
+++ b/packages/app/src/components/status-popover.tsx
@@ -228,7 +228,7 @@ export function StatusModal(props: { directory: string }) {
           </Tabs.List>
 
           <Tabs.Content value="servers">
-            <div class="flex flex-col px-2 pb-2">
+            <div class="flex flex-col p-2">
               <div class="flex flex-col p-3 rounded-sm min-h-[160px]">
                 <For each={sortedServers()}>
                   {(s) => {
@@ -288,7 +288,7 @@ export function StatusModal(props: { directory: string }) {
           </Tabs.Content>
 
           <Tabs.Content value="mcp">
-            <div class="flex flex-col px-2 pb-2">
+            <div class="flex flex-col p-2">
               <div class="flex flex-col p-3 rounded-sm min-h-[160px]">
                 <Show
                   when={mcpNames().length > 0}
@@ -337,7 +337,7 @@ export function StatusModal(props: { directory: string }) {
           </Tabs.Content>
 
           <Tabs.Content value="lsp">
-            <div class="flex flex-col px-2 pb-2">
+            <div class="flex flex-col p-2">
               <div class="flex flex-col p-3 rounded-sm min-h-[160px]">
                 <Show
                   when={lspItems().length > 0}
@@ -367,7 +367,7 @@ export function StatusModal(props: { directory: string }) {
           </Tabs.Content>
 
           <Tabs.Content value="plugins">
-            <div class="flex flex-col px-2 pb-2">
+            <div class="flex flex-col p-2">
               <div class="flex flex-col p-3 rounded-sm min-h-[160px]">
                 <Show
                   when={plugins().length > 0}
diff --git a/packages/ui/src/components/tabs.css b/packages/ui/src/components/tabs.css
index 036533c10f..54c5598de2 100644
--- a/packages/ui/src/components/tabs.css
+++ b/packages/ui/src/components/tabs.css
@@ -288,7 +288,7 @@
       border: none;
       color: var(--text-base);
       background-color: transparent;
-      border-bottom-width: 2px;
+      border-bottom-width: 1px;
       border-bottom-style: solid;
       border-bottom-color: transparent;
       gap: 4px;
@@ -305,7 +305,7 @@
         height: 100%;
         padding: 4px;
         background-color: transparent;
-        border-bottom-width: 2px;
+        border-bottom-width: 1px;
         border-bottom-color: transparent;
       }