feat : update

components/public/stygian-guide.tsx

@@ -109,12 +109,12 @@ export function StygianGuide({ schedule, catalog }: { schedule: Schedule; catalo
       {([105, 110] as const).map((level) => (
         <TabsContent key={level} value={String(level)}>
           <Tabs defaultValue="0">
-            <TabsList variant="line" className="grid w-full grid-cols-3 overflow-hidden group-data-horizontal/tabs:h-auto group-data-horizontal/tabs:min-h-96" aria-label={`Level ${level} bosses`}>
+            <TabsList variant="line" className="grid w-full grid-cols-3 overflow-hidden group-data-horizontal/tabs:h-auto" aria-label={`Level ${level} bosses`}>
               {[0, 1, 2].map((position) => {
                 const boss = schedule.bosses.find((candidate) => candidate.level === level && candidate.position === position);
                 const label = boss?.name ?? `Boss ${position + 1}`;
                 const positionLabel = ["บน", "กลาง", "ล่าง"][position];
-                return <TabsTrigger key={position} value={String(position)} aria-label={`${positionLabel}: ${label}`} title={label} className="h-full min-w-0 flex-col justify-start overflow-hidden rounded-none px-2 py-3 data-active:bg-accent/50 data-active:ring-2 data-active:ring-primary data-active:ring-inset">
+                return <TabsTrigger key={position} value={String(position)} aria-label={`${positionLabel}: ${label}`} title={label} className="h-full min-w-0 flex-col justify-start overflow-hidden rounded-none px-1 py-2 data-active:bg-accent/50 data-active:ring-2 data-active:ring-primary data-active:ring-inset sm:px-2 sm:py-3">
                   <StygianBossTab boss={boss} position={position} priority={level === 110} />
                 </TabsTrigger>;
               })}