From d000abdfe4bda03c630d0f340454a8a83e9a2117 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 5 Nov 2025 05:05:19 -0700
Subject: [PATCH] Fix header spacing

---
 web/src/components/card/ClassificationCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/card/ClassificationCard.tsx b/web/src/components/card/ClassificationCard.tsx
index 73be455bc..2e4bf0fe1 100644
--- a/web/src/components/card/ClassificationCard.tsx
+++ b/web/src/components/card/ClassificationCard.tsx
@@ -307,7 +307,7 @@ export function GroupedClassificationCard({
           <>
             <Header
               className={cn(
-                "mx-2 flex flex-row items-center gap-4",
+                "flex flex-row items-center gap-4 px-2",
                 isMobile && "flex-shrink-0",
               )}
             >
@@ -390,7 +390,7 @@ export function GroupedClassificationCard({
               className={cn(
                 "grid w-full auto-rows-min grid-cols-2 gap-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-6 2xl:grid-cols-8",
                 isDesktop && "p-2",
-                isMobile && "scrollbar-container flex-1 overflow-y-auto",
+                isMobile && "scrollbar-container flex-1 overflow-y-auto p-2",
               )}
             >
               {group.map((data: ClassificationItemData) => (