diff --git a/ui/index.html b/ui/index.html
index a0c1eb43..195e0b18 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -293,7 +293,7 @@
 <script src="media/js/plugins.js?v=1"></script>
 <script src="media/js/utils.js?v=6"></script>
 <script src="media/js/inpainting-editor.js?v=1"></script>
-<script src="media/js/image-modifiers.js?v=5"></script>
+<script src="media/js/image-modifiers.js?v=6"></script>
 <script src="media/js/auto-save.js?v=6"></script>
 <script src="media/js/main.js?v=9"></script>
 <script src="media/js/themes.js?v=4"></script>
diff --git a/ui/media/js/image-modifiers.js b/ui/media/js/image-modifiers.js
index df674d88..12bdd65f 100644
--- a/ui/media/js/image-modifiers.js
+++ b/ui/media/js/image-modifiers.js
@@ -244,8 +244,9 @@ function resizeModifierCards(val) {
 modifierCardSizeSlider.onchange = () => resizeModifierCards(modifierCardSizeSlider.value)
 previewImageField.onchange = () => changePreviewImages(previewImageField.value)
 
-modifierSettingsBtn.addEventListener('click', function() {
+modifierSettingsBtn.addEventListener('click', function(e) {
     modifierSettingsOverlay.classList.add("active")
+    e.stopPropagation()
 })
 
 function saveCustomModifiers() {