From 68d0c85dd26fc6dd500eff17e4b37e6e0efe26b4 Mon Sep 17 00:00:00 2001
From: codytseng <codytseng@outlook.com>
Date: Mon, 25 Aug 2025 10:57:45 +0800
Subject: [PATCH] fix: adjust padding for tab indicator

---
 src/components/KindFilter/index.tsx | 1 -
 src/components/Tabs/index.tsx       | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/KindFilter/index.tsx b/src/components/KindFilter/index.tsx
index eeecab6..e6ff56f 100644
--- a/src/components/KindFilter/index.tsx
+++ b/src/components/KindFilter/index.tsx
@@ -72,7 +72,6 @@ export default function KindFilter({
     <Button
       variant="ghost"
       size="titlebar-icon"
-      className="mr-1"
       onClick={() => {
         if (isSmallScreen) {
           setOpen(true)
diff --git a/src/components/Tabs/index.tsx b/src/components/Tabs/index.tsx
index ec3038b..2747b91 100644
--- a/src/components/Tabs/index.tsx
+++ b/src/components/Tabs/index.tsx
@@ -32,7 +32,7 @@ export default function Tabs({
     if (activeIndex >= 0 && tabRefs.current[activeIndex]) {
       const activeTab = tabRefs.current[activeIndex]
       const { offsetWidth, offsetLeft } = activeTab
-      const padding = 48 // 24px padding on each side
+      const padding = 24 // 12px padding on each side
       setIndicatorStyle({
         width: offsetWidth - padding,
         left: offsetLeft + padding / 2
@@ -67,7 +67,7 @@ export default function Tabs({
   return (
     <div
       className={cn(
-        'sticky flex justify-between top-12 bg-background z-30 w-full transition-transform',
+        'sticky flex justify-between top-12 bg-background z-30 px-1 w-full transition-transform',
         deepBrowsing && lastScrollTop > threshold ? '-translate-y-[calc(100%+12rem)]' : ''
       )}
     >