diff --git a/assets/css/custom.css b/assets/css/custom.css
index 8d1bcf7..c215b33 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -348,9 +348,26 @@ footer.bg-light {
     filter: invert(1);
 }
 
+/* Category Filter Button Styles */
+#category-filters .btn {
+    border-radius: 20px; /* Rounded corners */
+    padding: 8px 20px;
+    font-size: 0.9rem;
+    font-weight: 600;
+    line-height: 1.5;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    background-color: rgba(255, 255, 255, 0.1);
+    color: white;
+    transition: background-color 0.2s ease;
+}
+
+#category-filters .btn:hover {
+    background-color: rgba(255, 255, 255, 0.2);
+}
+
 #category-filters .btn.active {
-    background-color: #142E35;
-    border-color: #142E35;
+    background-color: #de4950; /* Coral red for active */
+    border-color: #de4950;
     color: white;
 }
 
@@ -372,11 +389,6 @@ footer.bg-light {
     z-index: 1;
 }
 
-#category-filters .btn {
-    padding: 8px 15px;
-    font-size: 0.9rem;
-}
-
 /* Shopping List Quantity Controls */
 .btn.btn-quantity-modifier {
     width: 32px;
@@ -483,4 +495,10 @@ footer.bg-light {
         padding-top: .375rem;
         padding-bottom: .375rem;
     }
+
+    /* Allow unit selector buttons to wrap in modals */
+    .unit-selector {
+        flex-wrap: wrap;
+        gap: 0.5rem;
+    }
 }
\ No newline at end of file