From cf7a311d7f054f0096d7beea901bf0a3937ce946 Mon Sep 17 00:00:00 2001
From: hobokenchicken <dustin@dustin.coffee>
Date: Thu, 23 Apr 2026 10:08:09 -0400
Subject: [PATCH] style: fix dashboard tab alignment

---
 frontend/src/app/dashboard/page.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/dashboard/page.tsx b/frontend/src/app/dashboard/page.tsx
index 8a5a959..4fb9f7a 100644
--- a/frontend/src/app/dashboard/page.tsx
+++ b/frontend/src/app/dashboard/page.tsx
@@ -187,24 +187,25 @@ export default function DashboardPage() {
 				<div className="grid gap-8 lg:grid-cols-[1fr_320px]">
 					<div className="rounded-[3rem] border-4 border-foreground bg-card shadow-[12px_12px_0px_0px_rgba(0,0,0,0.1)]">
 						<Tabs defaultValue="history" className="w-full">
-							<TabsList className="grid w-full grid-cols-3 gap-2 bg-muted/30 p-3 rounded-t-[2.75rem] border-b-4 border-foreground">
+							<TabsList className="grid h-auto w-full grid-cols-3 gap-2 border-b-4 border-foreground rounded-t-[2.75rem] bg-muted/30 p-2">
 								<TabsTrigger
 									value="history"
-									className="rounded-full py-3 font-black uppercase data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:scale-105 transition-all"
+									className="flex items-center justify-center rounded-full py-3 font-black uppercase transition-all data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
 								>
-									<History className="mr-2 h-4 w-4" /> WATCHED
+									<History className="mr-2 h-4 w-4 hidden sm:inline" /> WATCHED
 								</TabsTrigger>
 								<TabsTrigger
 									value="requests"
-									className="rounded-full py-3 font-black uppercase data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:scale-105 transition-all"
+									className="flex items-center justify-center rounded-full py-3 font-black uppercase transition-all data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
 								>
-									<ExternalLink className="mr-2 h-4 w-4" /> ORDERS
+									<ExternalLink className="mr-2 h-4 w-4 hidden sm:inline" />{" "}
+									ORDERS
 								</TabsTrigger>
 								<TabsTrigger
 									value="leaderboard"
-									className="rounded-full py-3 font-black uppercase data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:scale-105 transition-all"
+									className="flex items-center justify-center rounded-full py-3 font-black uppercase transition-all data-[state=active]:bg-primary data-[state=active]:text-primary-foreground"
 								>
-									<Users className="mr-2 h-4 w-4" /> THE FLOCK
+									<Users className="mr-2 h-4 w-4 hidden sm:inline" /> FLOCK
 								</TabsTrigger>
 							</TabsList>
 							<div className="p-6">