diff --git a/ui/index.html b/ui/index.html
index 69bef7f1..9ee2494c 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -86,7 +86,7 @@
                 </div>
 
                 <div id="editor-inputs-tags-container" class="row">
-                    <label>Image Modifiers: <small>(click an Image Modifier to remove it, use Ctrl+Mouse Wheel to adjust its weight)</small></label>
+                    <label>Image Modifiers <i class="fa-solid fa-circle-question help-btn"><span class="simple-tooltip right">click an Image Modifier to remove it, use Ctrl+Mouse Wheel to adjust its weight</span></i>:</label>
                     <div id="editor-inputs-tags-list"></div>
                 </div>
 
diff --git a/ui/media/js/image-modifiers.js b/ui/media/js/image-modifiers.js
index 5e67c905..2443064f 100644
--- a/ui/media/js/image-modifiers.js
+++ b/ui/media/js/image-modifiers.js
@@ -85,11 +85,12 @@ function createModifierGroup(modifierGroup, initiallyExpanded) {
 
         if(typeof modifierCard == 'object') {
             modifiersEl.appendChild(modifierCard)
+            const trimmedName = trimModifiers(modifierName)
 
             modifierCard.addEventListener('click', () => {
-                if (activeTags.map(x => trimModifiers(x.name)).includes(trimModifiers(modifierName))) {
+                if (activeTags.map(x => trimModifiers(x.name)).includes(trimmedName)) {
                     // remove modifier from active array
-                    activeTags = activeTags.filter(x => trimModifiers(x.name) != trimModifiers(modifierName))
+                    activeTags = activeTags.filter(x => trimModifiers(x.name) != trimmedName)
                     toggleCardState(modifierCard, false)
                 } else {
                     // add modifier to active array