From 8f92ebbe0e784bfa508fd74581d5ca8bcd17ad67 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 22 Oct 2025 06:52:21 -0600
Subject: [PATCH] Cleanup grid

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

diff --git a/web/src/components/card/ClassificationCard.tsx b/web/src/components/card/ClassificationCard.tsx
index 6e5b51f7f..bb9a77f04 100644
--- a/web/src/components/card/ClassificationCard.tsx
+++ b/web/src/components/card/ClassificationCard.tsx
@@ -359,12 +359,9 @@ export function GroupedClassificationCard({
             </Header>
             <div
               className={cn(
-                "size-full gap-2",
+                "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 w-full flex-1 overflow-y-auto",
-                isDesktop
-                  ? "grid grid-cols-6"
-                  : "grid grid-cols-2 justify-items-center gap-2 px-2 sm:grid-cols-5 lg:grid-cols-6",
+                isMobile && "scrollbar-container flex-1 overflow-y-auto",
               )}
             >
               {group.map((data: ClassificationItemData) => (