diff --git a/src/components/media-modal.jsx b/src/components/media-modal.jsx
index 6c85b3dd..9fdb5b0f 100644
--- a/src/components/media-modal.jsx
+++ b/src/components/media-modal.jsx
@@ -22,6 +22,17 @@ function MediaModal({
   const carouselFocusItem = useRef(null);
   useLayoutEffect(() => {
     carouselFocusItem.current?.scrollIntoView();
+
+    history.pushState({ mediaModal: true }, '');
+    const handlePopState = (e) => {
+      if (e.state?.mediaModal) {
+        onClose();
+      }
+    };
+    window.addEventListener('popstate', handlePopState);
+    return () => {
+      window.removeEventListener('popstate', handlePopState);
+    };
   }, []);
   const prevStatusID = useRef(statusID);
   useEffect(() => {