From b074ee202e4c6139b773f867ae28e53648f263df Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Thu, 26 Mar 2026 09:31:11 -0500
Subject: [PATCH] chore: move slideshow control button group to the left
 (#27287)

---
 web/src/lib/components/asset-viewer/asset-viewer.spec.ts | 2 ++
 web/src/lib/components/asset-viewer/asset-viewer.svelte  | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/asset-viewer/asset-viewer.spec.ts b/web/src/lib/components/asset-viewer/asset-viewer.spec.ts
index a1f50da86a..acb1d03714 100644
--- a/web/src/lib/components/asset-viewer/asset-viewer.spec.ts
+++ b/web/src/lib/components/asset-viewer/asset-viewer.spec.ts
@@ -1,5 +1,6 @@
 import { getAnimateMock } from '$lib/__mocks__/animate.mock';
 import { getResizeObserverMock } from '$lib/__mocks__/resize-observer.mock';
+import { SlideshowState, slideshowStore } from '$lib/stores/slideshow.store';
 import { preferences as preferencesStore, resetSavedUser, user as userStore } from '$lib/stores/user.store';
 import { renderWithTooltips } from '$tests/helpers';
 import { updateAsset } from '@immich/sdk';
@@ -41,6 +42,7 @@ describe('AssetViewer', () => {
   });
 
   afterEach(() => {
+    slideshowStore.slideshowState.set(SlideshowState.None);
     resetSavedUser();
     vi.clearAllMocks();
   });
diff --git a/web/src/lib/components/asset-viewer/asset-viewer.svelte b/web/src/lib/components/asset-viewer/asset-viewer.svelte
index d19ab3175c..076f76cbc7 100644
--- a/web/src/lib/components/asset-viewer/asset-viewer.svelte
+++ b/web/src/lib/components/asset-viewer/asset-viewer.svelte
@@ -485,7 +485,7 @@
   {/if}
 
   {#if $slideshowState != SlideshowState.None}
-    <div class="absolute w-full flex justify-center">
+    <div class="absolute inset-s-0 top-0 flex w-full justify-start">
       <SlideshowBar
         {isFullScreen}
         assetType={previewStackedAsset?.type ?? asset.type}