diff --git a/config/custom.css b/config/custom.css
index 0c817c0..544625d 100755
--- a/config/custom.css
+++ b/config/custom.css
@@ -114,15 +114,19 @@ body.tab-nucking-futz    { background-image: url("/images/Nucking-futz-bg.png")
    SERVICE CARDS
    ───────────────────────────────────────────── */
 
-/* Force the service grid to always be exactly 4 equal columns */
-.services-group .service-grid,
-ul.services {
-  display:               grid !important;
+/* Target the actual Homepage services grid (Tailwind classes) */
+ul.services-list {
   grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
-  gap:                   0.75rem !important;
 }
 
 /* Each card fills exactly one column — never spans more */
+ul.services-list > li {
+  grid-column: span 1 !important;
+  min-width:   0 !important;
+  width:       100% !important;
+  box-sizing:  border-box;
+}
+
 .service-card {
   background:      var(--ng-card-bg) !important;
   backdrop-filter: var(--ng-blur);
@@ -131,7 +135,6 @@ ul.services {
   transition:      border-color var(--ng-transition),
                    box-shadow   var(--ng-transition),
                    transform    var(--ng-transition);
-  grid-column:     span 1 !important;
   min-width:       0 !important;
   width:           100% !important;
   box-sizing:      border-box;