diff --git a/web/src/lib/components/photos-page/asset-grid.svelte b/web/src/lib/components/photos-page/asset-grid.svelte
index cb1d66ef94..dbe16afac9 100644
--- a/web/src/lib/components/photos-page/asset-grid.svelte
+++ b/web/src/lib/components/photos-page/asset-grid.svelte
@@ -694,7 +694,7 @@
   <ShowShortcuts onClose={() => (showShortcuts = !showShortcuts)} />
 {/if}
 
-{#if assetStore.buckets.length > 0}
+{#if assetStore.buckets.length > 0 && !$showAssetViewer}
   <Scrubber
     {assetStore}
     height={assetStore.viewportHeight}
@@ -734,6 +734,7 @@
   bind:clientWidth={null, (v) => ((assetStore.viewportWidth = v), updateSlidingWindow())}
   bind:this={element}
   onscroll={() => (handleTimelineScroll(), updateSlidingWindow(), updateIsScrolling())}
+  inert={$showAssetViewer}
 >
   <section
     bind:this={timelineElement}
diff --git a/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte b/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
index 2c339c6d07..ff858e3cf1 100644
--- a/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
+++ b/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
@@ -447,6 +447,7 @@
     style:position="relative"
     style:height={assetLayouts.containerHeight + 'px'}
     style:width={assetLayouts.containerWidth - 1 + 'px'}
+    inert={$isViewerOpen}
   >
     {#each assetLayouts.assetLayout as layout, index (layout.asset.id + '-' + index)}
       {@const asset = layout.asset}