diff --git a/src/styles/colors.less b/src/styles/colors.less
index 169dcd8..fb2ba54 100644
--- a/src/styles/colors.less
+++ b/src/styles/colors.less
@@ -2,3 +2,5 @@
 @blue_secondary: #7137c8;
 
 @router_line: #4597d0;
+
+@bar_shadow: rgba(0,0,0,0.3) 0 2px 0, inset rgba(255, 255, 255, 0.05) 1px 1px;
diff --git a/src/styles/map.less b/src/styles/map.less
index 812e43a..a41a9e5 100644
--- a/src/styles/map.less
+++ b/src/styles/map.less
@@ -39,3 +39,22 @@
 .leaflet-control-container .leaflet-routing-container-hide {
     display: none;
 }
+
+.leaflet-bar {
+  box-shadow: @bar_shadow !important;
+  border: none !important;
+}
+
+.leaflet-bar a {
+  background: #333333;
+  color: white;
+  text-shadow: none;
+  user-select: none;
+  border-bottom: none;
+
+  &:hover {
+    background: #444444;
+    color: white;
+    border-bottom: none;
+  }
+}
diff --git a/src/styles/panel.less b/src/styles/panel.less
index be81a76..c5f949b 100644
--- a/src/styles/panel.less
+++ b/src/styles/panel.less
@@ -2,7 +2,7 @@
   background: #333333;
   border-radius: 3px;
   display: flex;
-  box-shadow: rgba(0,0,0,0.3) 0 2px 0, inset rgba(255, 255, 255, 0.05) 1px 1px;
+  box-shadow: @bar_shadow;
 }
 
 .control-dist {
@@ -15,7 +15,7 @@
   font-weight: 200;
   color: #cccccc;
   user-select: none;
-  box-shadow: rgba(0,0,0,0.3) 0 2px 0, inset rgba(255, 255, 255, 0.05) 1px 1px;
+  box-shadow: @bar_shadow;
 
   svg {
     fill: #cccccc;