diff --git a/hdyc-svelte/src/app.css b/hdyc-svelte/src/app.css
index 54cf081..ab5293b 100644
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -467,10 +467,11 @@ a:hover {
   width: 100%;
 }
 .category-grid {
-  width: 100%;
+  width: min(1160px, 100%);
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(180px, 220px));
   gap: clamp(0.75rem, 1.3vw, 1.25rem);
+  justify-content: center;
   justify-items: stretch;
 }
 
@@ -616,7 +617,9 @@ a:hover {
     gap: 1rem;
   }
   .category-grid {
-    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    width: min(960px, 100%);
+    grid-template-columns: repeat(auto-fit, minmax(150px, 200px));
+    justify-content: center;
   }
   .stats-row {
     gap: 1.5rem;