diff --git a/frontend/src/components/taskSelection/footer.js b/frontend/src/components/taskSelection/footer.js
index 62e78bcef..edfccecaf 100644
--- a/frontend/src/components/taskSelection/footer.js
+++ b/frontend/src/components/taskSelection/footer.js
@@ -110,6 +110,15 @@ const TaskSelectionFooter = ({ defaultUserEditor, project, tasks, taskAction, se
           }
         })
         .catch((e) => lockFailed(windowObjectReference, e.message));
+
+      if (project.imageCaptureMode) {
+        if (navigator.userAgent.includes("Android")) {
+          navigate("mapillary://mapillary/explore")
+        }
+        else if (navigator.userAgent.includes("like Mac OS X")) {
+          navigate("mapillary://goto/camera")
+        }
+      }
     }
     if (['resumeMapping', 'resumeValidation'].includes(taskAction)) {
       const urlParams = openEditor(
diff --git a/frontend/src/components/taskSelection/map.js b/frontend/src/components/taskSelection/map.js
index 76876fbe5..af780b72b 100644
--- a/frontend/src/components/taskSelection/map.js
+++ b/frontend/src/components/taskSelection/map.js
@@ -644,12 +644,10 @@ export const TasksMap = ({
         )}
         <div id="map" className={className} ref={mapRef}>
           <div style={{ zIndex: 10 }} id={"mapillary-checkbox"} className={"cf left-1 top-1 pa2 absolute bg-white br1"}>
-            <input class="" type="checkbox" id="mapillary-toggle"></input>
-            <label for="mapillary-toggle">  Mapillary Layer</label>
-
+            <input type="checkbox" id="mapillary-toggle"></input>
+            <label htmlFor="mapillary-toggle">  Mapillary Layer</label>
           </div>
-        </div>
-      </>
-    );
-  }
-};
+      </div>
+    </>
+    )}
+}