diff --git a/web/src/lib/components/asset-viewer/slideshow-bar.svelte b/web/src/lib/components/asset-viewer/slideshow-bar.svelte
index df35c6fb02..135da12d26 100644
--- a/web/src/lib/components/asset-viewer/slideshow-bar.svelte
+++ b/web/src/lib/components/asset-viewer/slideshow-bar.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { shortcuts } from '$lib/actions/shortcut';
   import ProgressBar from '$lib/components/shared-components/progress-bar/progress-bar.svelte';
-  import SlideshowSettings from '$lib/components/slideshow-settings.svelte';
   import { ProgressBarStatus } from '$lib/constants';
   import { modalManager } from '$lib/managers/modal-manager.svelte';
+  import SlideshowSettingsModal from '$lib/modals/SlideshowSettingsModal.svelte';
   import { SlideshowNavigation, slideshowStore } from '$lib/stores/slideshow.store';
   import { IconButton } from '@immich/ui';
   import { mdiChevronLeft, mdiChevronRight, mdiClose, mdiCog, mdiFullscreen, mdiPause, mdiPlay } from '@mdi/js';
@@ -104,7 +104,7 @@
     if (document.fullscreenElement) {
       await document.exitFullscreen();
     }
-    await modalManager.show(SlideshowSettings, {});
+    await modalManager.show(SlideshowSettingsModal, {});
   };
 </script>
 
diff --git a/web/src/lib/components/slideshow-settings.svelte b/web/src/lib/modals/SlideshowSettingsModal.svelte
similarity index 94%
rename from web/src/lib/components/slideshow-settings.svelte
rename to web/src/lib/modals/SlideshowSettingsModal.svelte
index d2e457377a..d97b86fb12 100644
--- a/web/src/lib/components/slideshow-settings.svelte
+++ b/web/src/lib/modals/SlideshowSettingsModal.svelte
@@ -12,9 +12,9 @@
     mdiShuffle,
   } from '@mdi/js';
   import { t } from 'svelte-i18n';
+  import type { RenderedOption } from '../components/elements/dropdown.svelte';
+  import SettingDropdown from '../components/shared-components/settings/setting-dropdown.svelte';
   import { SlideshowLook, SlideshowNavigation, slideshowStore } from '../stores/slideshow.store';
-  import type { RenderedOption } from './elements/dropdown.svelte';
-  import SettingDropdown from './shared-components/settings/setting-dropdown.svelte';
 
   const {
     slideshowDelay,
@@ -26,10 +26,10 @@
   } = slideshowStore;
 
   interface Props {
-    onClose?: () => void;
+    onClose: () => void;
   }
 
-  let { onClose = () => {} }: Props = $props();
+  let { onClose }: Props = $props();
 
   // Temporary variables to hold the settings - marked as reactive with $state() but initialized with store values
   let tempSlideshowDelay = $state($slideshowDelay);