diff --git a/public/index.html b/public/index.html
index 7d2a539af..b7664775d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5950,7 +5950,7 @@
             <div class="zoomed_avatar_container">
                 <div class="panelControlBar flex-container">
                     <div class="fa-fw fa-solid fa-grip drag-grabber"></div>
-                    <div class="fa-fw fa-solid fa-circle-xmark dragClose"></div>
+                    <div class="fa-fw fa-solid fa-circle-xmark dragClose" id="closeZoom"></div>
                 </div>
                 <img class="zoomed_avatar_img" src=""
                      data-izoomify-url=""
diff --git a/public/script.js b/public/script.js
index a94527581..fc2ea8c53 100644
--- a/public/script.js
+++ b/public/script.js
@@ -10245,7 +10245,7 @@ jQuery(async function () {
                 $(`.zoomed_avatar[forChar="${charname}"] .dragClose`).hide();
             }
 
-            $('.zoomed_avatar, .zoomed_avatar .dragClose').on('click touchend', (e) => {
+            $('.zoomed_avatar').on('mouseup', (e) => {
                 if (e.target.closest('.drag-grabber')) {
                     return;
                 }
@@ -10254,6 +10254,14 @@ jQuery(async function () {
                 });
             });
 
+            $('.zoomed_avatar, .zoomed_avatar .dragClose').on('click touchend', (e) => {
+                if (e.target.closest('.dragClose')) {
+                    $(`.zoomed_avatar[forChar="${charname}"]`).fadeOut(animation_duration, () => {
+                        $(`.zoomed_avatar[forChar="${charname}"]`).remove();
+                    });
+                }
+            });
+
             zoomedAvatarImgElement.on('dragstart', (e) => {
                 console.log('saw drag on avatar!');
                 e.preventDefault();