diff --git a/src/c3nav/site/static/site/css/c3nav.scss b/src/c3nav/site/static/site/css/c3nav.scss
index af8d18b5..13638153 100644
--- a/src/c3nav/site/static/site/css/c3nav.scss
+++ b/src/c3nav/site/static/site/css/c3nav.scss
@@ -1561,7 +1561,7 @@ blink {
 .leaflet-control-key {
     background-color: white;
     border-radius: 0.5rem;
-    border: 2px solid rgba(0, 0, 0, 0.2);
+    box-shadow: 0 1px 5px var(--color-control-shadow);
     background-clip: padding-box;
 
     &.leaflet-control-key-expanded > .collapsed-toggle {
@@ -1591,19 +1591,17 @@ blink {
         width: 2.5rem;
         height: 2.5rem;
         line-height: 2.2rem;
-        border: 1px solid #DCDCDC;
+        box-shadow: inset 0 0 2px black;
         border-radius: 0.5rem;
         text-align: center;
         cursor: pointer;
 
-        &:hover {
-            box-shadow: inset 0 0 2px black;
+        &.active {
+            background: #DCDCDC;
         }
 
-        &.active {
-            border-color: black;
-            background: #DCDCDC;
-            box-shadow: inset 0 0 2px black;
+        &:hover {
+            background: #D0D0D0;
         }
     }