diff --git a/packages/app/src/Element/Spotlight/SpotlightMedia.tsx b/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
index 0cb86e38..109dae3a 100644
--- a/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
+++ b/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
@@ -121,11 +121,15 @@ export function SpotlightMedia(props: SpotlightMediaProps) {
 }
 
 export function SpotlightMediaModal(props: SpotlightMediaProps) {
+  const onClose = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    props.onClose();
+  };
   return (
     <Modal
       id="spotlight"
       onClick={props.onClose}
-      onClose={props.onClose}
+      onClose={onClose}
       className="spotlight"
       bodyClassName="h-screen w-screen flex items-center justify-center">
       <SpotlightMedia {...props} />