diff --git a/modules/ui/markers-overview.js b/modules/ui/markers-overview.js
index fdadf58a..dd71f6d1 100644
--- a/modules/ui/markers-overview.js
+++ b/modules/ui/markers-overview.js
@@ -14,6 +14,7 @@ function overviewMarkers() {
   const markersGenerationConfig = document.getElementById("markersGenerationConfig");
   const markersRemoveAll = document.getElementById("markersRemoveAll");
   const markersExport = document.getElementById("markersExport");
+  const markerTypeInput = document.getElementById("addedMarkerType");
 
   addLines();
 
@@ -25,9 +26,6 @@ function overviewMarkers() {
     position: {my: "right top", at: "right-10 top+10", of: "svg", collision: "fit"}
   });
 
-  const markerTypeInput = document.getElementById("addedMarkerType");
-  markerTypeInput.addEventListener("change", toggleAddMarker);
-
   Markers.getConfig().forEach(markerConfig => {
     const option = document.createElement("option");
     option.setAttribute("value", markerConfig.type);
@@ -43,7 +41,8 @@ function overviewMarkers() {
     listen(markersAddFromOverview, "click", toggleAddMarker),
     listen(markersGenerationConfig, "click", configMarkersGeneration),
     listen(markersRemoveAll, "click", triggerRemoveAll),
-    listen(markersExport, "click", exportMarkers)
+    listen(markersExport, "click", exportMarkers),
+    listen(markerTypeInput, "change", changeMarkerType),
   ];
 
   function handleLineClick(ev) {
@@ -154,6 +153,12 @@ function overviewMarkers() {
     addMarker.click();
   }
 
+  function changeMarkerType() {
+    if (!markersAddFromOverview.classList.contains("pressed")) {
+      toggleAddMarker();
+    }
+  }
+
   function removeMarker(i) {
     notes = notes.filter(note => note.id !== `marker${i}`);
     pack.markers = pack.markers.filter(marker => marker.i !== i);