diff --git a/assets/css/main.css b/assets/css/main.css
index 136bc41..c6d6a08 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -160,7 +160,11 @@ header.site-header {
 .nav-links {
   display: flex;
   align-items: center;
-  gap: 2.4rem;
+  /* Seit die Kategorien eigene farbige Pillen (Polarlicht-Hintergrund)
+     haben, trennt schon die Farbfläche selbst optisch — ein kleinerer
+     Lücken-Abstand wirkt dadurch aufgeräumter/professioneller als der
+     vorherige große Abstand. */
+  gap: .7rem;
 }
 .nav-group { position: relative; }
 .nav-group > button {