From 9dd38ac43930020cc8c820e5a92629b5879ad14e Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Mon, 4 Aug 2025 23:07:02 +0800
Subject: [PATCH] fix: adjust padding and alignment in Tabs component

---
 src/components/Tabs/index.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Tabs/index.tsx b/src/components/Tabs/index.tsx
index ba2a0f7..8456c6e 100644
--- a/src/components/Tabs/index.tsx
+++ b/src/components/Tabs/index.tsx
@@ -26,7 +26,7 @@ export default function Tabs({
   return (
     <div
       className={cn(
-        'sticky flex top-12 p-1 bg-background z-30 w-full transition-transform',
+        'sticky flex top-12 bg-background z-30 w-full transition-transform',
         deepBrowsing && lastScrollTop > threshold ? '-translate-y-[calc(100%+12rem)]' : ''
       )}
     >
@@ -45,13 +45,15 @@ export default function Tabs({
         </div>
       ))}
       <div
-        className="absolute bottom-0 px-4 transition-all duration-500"
+        className="absolute bottom-0 left-0 transition-all duration-500"
         style={{
           width: `${100 / tabs.length}%`,
           left: `${activeIndex >= 0 ? activeIndex * (100 / tabs.length) : 0}%`
         }}
       >
-        <div className="w-full h-1 bg-primary rounded-full" />
+        <div className="px-4">
+          <div className="w-full h-1 bg-primary rounded-full" />
+        </div>
       </div>
     </div>
   )