diff --git a/src/scenes/DAEItem/Carte.js b/src/scenes/DAEItem/Carte.js
index 486d12f..b08b351 100644
--- a/src/scenes/DAEItem/Carte.js
+++ b/src/scenes/DAEItem/Carte.js
@@ -15,6 +15,7 @@ import MapView from "~/containers/Map/MapView";
 import Camera from "~/containers/Map/Camera";
 import LastKnownLocationMarker from "~/containers/Map/LastKnownLocationMarker";
 import { DEFAULT_ZOOM_LEVEL } from "~/containers/Map/constants";
+import StepZoomButtonGroup from "~/containers/Map/StepZoomButtonGroup";
 
 import Text from "~/components/Text";
 import Loader from "~/components/Loader";
@@ -54,6 +55,7 @@ export default React.memo(function DAEItemCarte() {
   const mapRef = useRef();
   const cameraRef = useRef();
   const [cameraKey, setCameraKey] = useState(1);
+  const [zoomLevel, setZoomLevel] = useState(DEFAULT_ZOOM_LEVEL);
   const abortControllerRef = useRef(null);
 
   const refreshCamera = useCallback(() => {
@@ -261,7 +263,7 @@ export default React.memo(function DAEItemCarte() {
               : Maplibre.UserTrackingMode.Follow
           }
           followPitch={0}
-          zoomLevel={DEFAULT_ZOOM_LEVEL}
+          zoomLevel={zoomLevel}
           bounds={bounds}
           detached={false}
         />
@@ -322,6 +324,7 @@ export default React.memo(function DAEItemCarte() {
           <Maplibre.UserLocation visible showsUserHeadingIndicator />
         )}
       </MapView>
+      <StepZoomButtonGroup mapRef={mapRef} setZoomLevel={setZoomLevel} />
 
       {/* Route error */}
       {routeError && !loadingRoute && (
diff --git a/src/scenes/DAEList/Carte.js b/src/scenes/DAEList/Carte.js
index b34ba22..edfa78a 100644
--- a/src/scenes/DAEList/Carte.js
+++ b/src/scenes/DAEList/Carte.js
@@ -14,6 +14,7 @@ import MapView from "~/containers/Map/MapView";
 import Camera from "~/containers/Map/Camera";
 import LastKnownLocationMarker from "~/containers/Map/LastKnownLocationMarker";
 import { BoundType, DEFAULT_ZOOM_LEVEL } from "~/containers/Map/constants";
+import StepZoomButtonGroup from "~/containers/Map/StepZoomButtonGroup";
 
 import Text from "~/components/Text";
 import Loader from "~/components/Loader";
@@ -103,7 +104,7 @@ export default React.memo(function DAEListCarte() {
   // Camera state — simple follow user
   const [followUserLocation] = useState(true);
   const [followUserMode] = useState(Maplibre.UserTrackingMode.Follow);
-  const [zoomLevel] = useState(DEFAULT_ZOOM_LEVEL);
+  const [zoomLevel, setZoomLevel] = useState(DEFAULT_ZOOM_LEVEL);
 
   const geoJSON = useMemo(() => defibsToGeoJSON(defibs), [defibs]);
 
@@ -196,6 +197,7 @@ export default React.memo(function DAEListCarte() {
           <Maplibre.UserLocation visible showsUserHeadingIndicator />
         )}
       </MapView>
+      <StepZoomButtonGroup mapRef={mapRef} setZoomLevel={setZoomLevel} />
     </View>
   );
 });