diff --git a/src/app/map/components/map.component.scss b/src/app/map/components/map.component.scss
index e9ff65087cba600f85ce89da8fcae9914c200f70..8134fe5fda885a1e4f7088ef3844dc3e83cf899f 100644
--- a/src/app/map/components/map.component.scss
+++ b/src/app/map/components/map.component.scss
@@ -46,7 +46,7 @@
   border-radius: 50% 50% 50% 0;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
-  background-color: $black;
+  background-color: $grey-3;
   margin-left: -8px;
   margin-top: 4px;
   &:before {
@@ -69,6 +69,15 @@
   }
 }
 
+::ng-deep .leaflet-control-zoom {
+  a {
+    color: $grey-3;
+    &:hover {
+      color: $blue-hover;
+    }
+  }
+}
+
 ::ng-deep .leaflet-marker-icon {
   &.leaflet-interactive {
     circle {