From 7824b00ff4137b0014b6ac34e58734c18747c5a3 Mon Sep 17 00:00:00 2001
From: Matt <matt@Matt-Surface.local>
Date: Tue, 28 Apr 2026 19:44:38 +0200
Subject: [PATCH] fix: horizontal scroll on logistics tab bar instead of
 wrapping

Stacking 8 tabs onto two rows looked rough. Switching the TabsList to
w-full + justify-start + overflow-x-auto keeps every tab on one line
and lets the bar scroll horizontally on narrower viewports.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/app/(admin)/admin/logistics/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(admin)/admin/logistics/page.tsx b/src/app/(admin)/admin/logistics/page.tsx
index d2e2339..6632323 100644
--- a/src/app/(admin)/admin/logistics/page.tsx
+++ b/src/app/(admin)/admin/logistics/page.tsx
@@ -41,7 +41,7 @@ export default function LogisticsPage() {
       </div>
 
       <Tabs value={tab} onValueChange={setTab} className="space-y-6">
-        <TabsList className="flex-wrap">
+        <TabsList className="w-full justify-start overflow-x-auto">
           <TabsTrigger value="confirmations">
             <CheckCircle2 className="mr-2 h-4 w-4" /> Confirmations
           </TabsTrigger>