Non layout styling (#5)

scss/nav-pills.scss

@@ -1,12 +1,13 @@
 .list-controls {
   position: sticky;
-  top: 0;
-  background: var(--secondary);
+  top: var(--header-offset);
+  background: var(--d-content-background);
   z-index: 100;
   padding: 1.5rem 0 1rem 0;
   max-width: unset;
 
   .navigation-container {
+    gap: 1rem;
     .category-breadcrumb {
       order: 1;
     }
@@ -14,8 +15,15 @@
   .combo-box .combo-box-header,
   .select-kit.is-expanded .select-kit-body,
   .discourse-post-event .discourse-post-event-widget {
+    // needs more specificy than just in the button file
     background-color: var(--secondary);
-    border-radius: 6.25rem;
+    border: 1px solid var(--accent-color);
+    border-radius: var(--d-border-radius-large);
+    // font-size: var(--font-up-1-rem);
+  }
+  .select-kit.combo-box.category-drop.has-selection
+    .category-drop-header:hover {
+    border-color: transparent;
   }
 }
 .nav-pills > li > a:hover,