From 2bd8a50df41a5657766ce7f25cca6868a4176f3d Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Mon, 21 Jul 2025 07:45:11 -0700
Subject: [PATCH] Tweak tab padding

---
 src-web/components/Settings/Settings.tsx | 2 +-
 src-web/components/core/Tabs/Tabs.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src-web/components/Settings/Settings.tsx b/src-web/components/Settings/Settings.tsx
index 0d908294..6fbad5f4 100644
--- a/src-web/components/Settings/Settings.tsx
+++ b/src-web/components/Settings/Settings.tsx
@@ -69,7 +69,7 @@ export default function Settings({ hide }: Props) {
         layout="horizontal"
         value={tab}
         addBorders
-        tabListClassName="min-w-[10rem] bg-surface x-theme-sidebar border-r border-border"
+        tabListClassName="min-w-[10rem] bg-surface x-theme-sidebar border-r border-border pl-3"
         label="Settings"
         onChangeValue={setTab}
         tabs={tabs.map((value) => ({ value, label: capitalize(value) }))}
diff --git a/src-web/components/core/Tabs/Tabs.tsx b/src-web/components/core/Tabs/Tabs.tsx
index 9e8a51ed..9f853320 100644
--- a/src-web/components/core/Tabs/Tabs.tsx
+++ b/src-web/components/core/Tabs/Tabs.tsx
@@ -84,7 +84,7 @@ export function Tabs({
           tabListClassName,
           addBorders && '!-ml-1',
           'flex items-center hide-scrollbars mb-2',
-          layout === 'horizontal' && 'h-full overflow-auto p-2',
+          layout === 'horizontal' && 'h-full overflow-auto p-2 -mr-2',
           layout === 'vertical' && 'overflow-x-auto overflow-y-visible ',
           // Give space for button focus states within overflow boundary.
           layout === 'vertical' && 'py-1 -ml-5 pl-3 pr-1',
@@ -108,7 +108,7 @@ export function Tabs({
                 : layout === 'vertical'
                   ? 'border-border-subtle'
                   : 'border-transparent',
-              layout === 'horizontal' && 'flex justify-between',
+              layout === 'horizontal' && 'flex justify-between min-w-[10rem]',
             );
 
             if ('options' in t) {