diff --git a/frontend/src/styles/pages/GroceryList.css b/frontend/src/styles/pages/GroceryList.css
index a00a6cf..7dffa2a 100644
--- a/frontend/src/styles/pages/GroceryList.css
+++ b/frontend/src/styles/pages/GroceryList.css
@@ -109,14 +109,14 @@
 
 /* Classification Groups */
 .glist-classification-group {
-  margin-bottom: var(--spacing-xl);
+  margin-bottom: 0;
 }
 
 .glist-classification-header {
   font-size: var(--font-size-lg);
   font-weight: var(--font-weight-semibold);
   color: var(--color-primary);
-  margin: var(--spacing-md) 0 var(--spacing-sm) 0;
+  margin: var(--spacing-md) 0 0 0;
   padding: var(--spacing-sm) var(--spacing-md);
   background: var(--color-primary-light);
   border-left: var(--border-width-thick) solid var(--color-primary);
@@ -232,6 +232,10 @@
   margin-top: var(--spacing-md);
 }
 
+.glist-classification-group .glist-ul {
+  margin-top: var(--spacing-xs);
+}
+
 .glist-li {
   background: var(--color-bg-surface);
   border: var(--border-width-thin) solid var(--color-border-light);
@@ -247,6 +251,14 @@
   transform: translateY(-2px);
 }
 
+.glist-classification-group .glist-li {
+  margin-bottom: var(--spacing-xs);
+}
+
+.glist-classification-group .glist-li:last-child {
+  margin-bottom: 0;
+}
+
 .glist-item-layout {
   display: flex;
   gap: 1em;