diff --git a/web/src/lib/components/photos-page/asset-grid.svelte b/web/src/lib/components/photos-page/asset-grid.svelte
index 61c5193219..d5708566dd 100644
--- a/web/src/lib/components/photos-page/asset-grid.svelte
+++ b/web/src/lib/components/photos-page/asset-grid.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import AssetGridWithoutScrubber from '$lib/components/photos-page/asset-grid-without-scrubber.svelte';
+  import TimelineViewer from '$lib/components/timeline-viewer/timeline-viewer.svelte';
   import { AssetAction } from '$lib/constants';
   import type { DayGroup } from '$lib/managers/timeline-manager/day-group.svelte';
   import type { MonthGroup } from '$lib/managers/timeline-manager/month-group.svelte';
@@ -185,7 +185,7 @@
   };
 </script>
 
-<AssetGridWithoutScrubber
+<TimelineViewer
   {isSelectionMode}
   {singleSelect}
   {enableRouting}
@@ -220,4 +220,4 @@
       />
     {/if}
   {/snippet}
-</AssetGridWithoutScrubber>
+</TimelineViewer>
diff --git a/web/src/lib/components/photos-page/skeleton.svelte b/web/src/lib/components/timeline-viewer/skeleton.svelte
similarity index 100%
rename from web/src/lib/components/photos-page/skeleton.svelte
rename to web/src/lib/components/timeline-viewer/skeleton.svelte
diff --git a/web/src/lib/components/photos-page/asset-grid-without-scrubber.svelte b/web/src/lib/components/timeline-viewer/timeline-viewer.svelte
similarity index 95%
rename from web/src/lib/components/photos-page/asset-grid-without-scrubber.svelte
rename to web/src/lib/components/timeline-viewer/timeline-viewer.svelte
index 9ee5d16d73..982895a70f 100644
--- a/web/src/lib/components/photos-page/asset-grid-without-scrubber.svelte
+++ b/web/src/lib/components/timeline-viewer/timeline-viewer.svelte
@@ -5,9 +5,8 @@
   import AssetDateGroupSelectionAware from '$lib/components/photos-page/asset-date-group-selection-aware.svelte';
   import AssetGridActions from '$lib/components/photos-page/asset-grid-actions.svelte';
   import AssetGridAssetViewer from '$lib/components/photos-page/asset-grid-asset-viewer.svelte';
-  import Skeleton from '$lib/components/photos-page/skeleton.svelte';
+  import Skeleton from '$lib/components/timeline-viewer/skeleton.svelte';
   import { AssetAction } from '$lib/constants';
-  import type { DayGroup } from '$lib/managers/timeline-manager/day-group.svelte';
   import type { MonthGroup } from '$lib/managers/timeline-manager/month-group.svelte';
   import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
   import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
@@ -47,18 +46,6 @@
     children?: Snippet;
     empty?: Snippet;
     handleTimelineScroll?: () => void;
-    customLayout?: Snippet<[TimelineAsset]>;
-    onThumbnailClick?: (
-      asset: TimelineAsset,
-      timelineManager: TimelineManager,
-      dayGroup: DayGroup,
-      onClick: (
-        timelineManager: TimelineManager,
-        assets: TimelineAsset[],
-        groupTitle: string,
-        asset: TimelineAsset,
-      ) => void,
-    ) => void;
   }
 
   let {
@@ -80,8 +67,6 @@
     empty,
     header,
     handleTimelineScroll = () => {},
-    customLayout,
-    onThumbnailClick,
   }: Props = $props();
 
   let { isViewing: showAssetViewer, gridScrollTarget } = assetViewingStore;
@@ -342,8 +327,6 @@
             {onSelect}
             {onScrollToTop}
             {onScrollCompensation}
-            {customLayout}
-            {onThumbnailClick}
           />
         </div>
       {/if}