diff --git a/maps_utils/static/maps_utils/geo-feature-collection.css b/maps_utils/static/maps_utils/geo-feature-collection.css
index d3c77034872234ef428411f2978d78cedbcb2255..ace839eec29b9d64ebbb2ea58d5bf89b0a18dbaa 100644
--- a/maps_utils/static/maps_utils/geo-feature-collection.css
+++ b/maps_utils/static/maps_utils/geo-feature-collection.css
@@ -117,3 +117,33 @@
 .geo-feature-collection-tooltip:before {
     display: none;
 }
+
+.geo-feature-collection .leaflet-touch .leaflet-bar {
+    border: none;
+    box-shadow: 0 6px 6px -3px rgb(221 221 221 / 43%), 0 10px 14px 1px rgb(221 221 221 / 37%), 0 4px 18px 3px rgb(221 221 221 / 35%)
+}
+
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-in,
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-out {
+    line-height: 2rem;
+    height: 2rem;
+    width: 2rem;
+    font-weight: bold;
+    font-size: 24px;
+    font-family: var(--font-body);
+}
+
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-in:hover,
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-out:hover {
+    background-color: var(--color-grey-125);
+}
+
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-in {
+    border-top-left-radius: .5rem !important;
+    border-top-right-radius: .5rem !important;
+    border-bottom: 1px var(--color-grey-125) solid !important;
+}
+.geo-feature-collection .leaflet-touch .leaflet-control-zoom-out {
+    border-bottom-left-radius: .5rem !important;
+    border-bottom-right-radius: .5rem !important;
+}