diff --git a/app/src/frontend/map/map.tsx b/app/src/frontend/map/map.tsx
index c1d19f88..12de43c3 100644
--- a/app/src/frontend/map/map.tsx
+++ b/app/src/frontend/map/map.tsx
@@ -128,6 +128,8 @@ export const ColouringMap: FC<ColouringMapProps> = ({
     });
   });
 
+  map.addControl(new mapboxgl.NavigationControl());
+
   return (
     <div
       ref={mapContainer}
@@ -140,9 +142,6 @@ export const ColouringMap: FC<ColouringMapProps> = ({
         right: "0",
       }}
     >
-      <MapContainer>
-        <ZoomControl position="topright" />
-      </MapContainer>
       {mode !== "basic" && (
         <>
           <Legend