diff --git a/apps/web/src/components/ui/photo-viewer/animations/PhotoViewerTransitionPreview.tsx b/apps/web/src/components/ui/photo-viewer/animations/PhotoViewerTransitionPreview.tsx
index 350783b4..523f510d 100644
--- a/apps/web/src/components/ui/photo-viewer/animations/PhotoViewerTransitionPreview.tsx
+++ b/apps/web/src/components/ui/photo-viewer/animations/PhotoViewerTransitionPreview.tsx
@@ -20,7 +20,7 @@ export const PhotoViewerTransitionPreview = ({
 
   return (
     <m.div
-      className="pointer-events-none fixed top-0 left-0 z-[40]"
+      className="pointer-events-none fixed top-0 left-0 z-40"
       data-variant={`photo-viewer-transition-${transition.variant}`}
       initial={{
         x: transition.from.left,
diff --git a/apps/web/src/pages/(main)/[photoId]/index.tsx b/apps/web/src/pages/(main)/[photoId]/index.tsx
index 1887c8d3..b47f32c3 100644
--- a/apps/web/src/pages/(main)/[photoId]/index.tsx
+++ b/apps/web/src/pages/(main)/[photoId]/index.tsx
@@ -26,7 +26,14 @@ export const Component = () => {
   return (
     <RootPortal>
       <RootPortalProvider value={rootPortalValue}>
-        <RemoveScroll ref={ref} className="fixed inset-0 z-[9999]">
+        <RemoveScroll
+          ref={ref}
+          className={
+            photoViewer.isOpen
+              ? 'fixed inset-0 z-[9999]'
+              : 'pointer-events-none fixed inset-0 z-40'
+          }
+        >
           <PhotoViewer
             photos={photos}
             currentIndex={photoViewer.currentIndex}