diff --git a/src/components/media-alt-modal.jsx b/src/components/media-alt-modal.jsx
index aa2cc042..a45a9c83 100644
--- a/src/components/media-alt-modal.jsx
+++ b/src/components/media-alt-modal.jsx
@@ -24,7 +24,7 @@ export default function MediaAltModal({ alt, lang, onClose }) {
     );
 
   return (
-    <div class="sheet">
+    <div class="sheet" tabindex="-1">
       {!!onClose && (
         <button type="button" class="sheet-close outer" onClick={onClose}>
           <Icon icon="x" />
diff --git a/src/components/modals.jsx b/src/components/modals.jsx
index 7b5073be..0d35a381 100644
--- a/src/components/modals.jsx
+++ b/src/components/modals.jsx
@@ -183,10 +183,8 @@ export default function Modals() {
       {!!snapStates.showMediaAlt && (
         <Modal
           class="light"
-          onClick={(e) => {
-            if (e.target === e.currentTarget) {
-              states.showMediaAlt = false;
-            }
+          onClose={(e) => {
+            states.showMediaAlt = false;
           }}
         >
           <MediaAltModal