From a7acdd926f1335959a9cb1d86f3549e5b779af46 Mon Sep 17 00:00:00 2001
From: Emil <emilmattsson14@gmail.com>
Date: Mon, 23 Feb 2026 09:58:33 +0100
Subject: [PATCH] fix: wrap report tabs to prevent overflow hiding tabs

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 app/(dashboard)/reports/page.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/app/(dashboard)/reports/page.tsx b/app/(dashboard)/reports/page.tsx
index 825f0d8e..2fafeac1 100644
--- a/app/(dashboard)/reports/page.tsx
+++ b/app/(dashboard)/reports/page.tsx
@@ -103,9 +103,8 @@ export default function ReportsPage() {
 
       {selectedPeriod ? (
         <Tabs value={activeTab} onValueChange={setActiveTab}>
-          <div className="relative">
-            <TabsList className="w-full justify-start overflow-x-auto flex-nowrap scrollbar-hide">
-              <TabsTrigger value="trial-balance">
+          <TabsList className="h-auto w-full flex-wrap justify-start gap-1 p-1">
+            <TabsTrigger value="trial-balance">
               <Scale className="h-4 w-4 mr-1" />
               Saldobalans
             </TabsTrigger>
@@ -151,9 +150,7 @@ export default function ReportsPage() {
               <ArrowLeftRight className="h-4 w-4 mr-1" />
               Bankavstämning
             </TabsTrigger>
-            </TabsList>
-            <div className="absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-background to-transparent pointer-events-none md:hidden" />
-          </div>
+          </TabsList>
 
           <TabsContent value="trial-balance">
             <TrialBalanceView periodId={selectedPeriod} />