diff --git a/src/components/media-modal.jsx b/src/components/media-modal.jsx
index 3c920cc2..72b6cebc 100644
--- a/src/components/media-modal.jsx
+++ b/src/components/media-modal.jsx
@@ -142,7 +142,11 @@ function MediaModal({
               key={media.id}
               ref={i === currentIndex ? carouselFocusItem : null}
               onClick={(e) => {
-                if (e.target !== e.currentTarget) {
+                // console.log(e);
+                // if (e.target !== e.currentTarget) {
+                //   setShowControls(!showControls);
+                // }
+                if (!e.target.classList.contains('media')) {
                   setShowControls(!showControls);
                 }
               }}