diff --git a/web/src/app.css b/web/src/app.css
index 5175982f0f..1127b60624 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -168,8 +168,3 @@ input:focus-visible {
     scrollbar-gutter: stable both-edges;
   }
 }
-
-::view-transition-old(root),
-::view-transition-new(root) {
-  animation-duration: 250ms;
-}
diff --git a/web/src/lib/utils/navigation.ts b/web/src/lib/utils/navigation.ts
index 71dbb8d067..41eb5ee73b 100644
--- a/web/src/lib/utils/navigation.ts
+++ b/web/src/lib/utils/navigation.ts
@@ -112,7 +112,7 @@ async function navigateAssetRoute(route: AssetRoute, options?: NavOptions) {
   const next = assetId ? currentUrlReplaceAssetId(assetId) : currentUrlWithoutAsset();
   const current = currentUrl();
   if (next !== current || options?.forceNavigate) {
-    await navigateWithTransition(next, options);
+    await goto(next, options);
   }
 }
 
@@ -122,7 +122,7 @@ async function navigateAssetGridRoute(route: AssetGridRoute, options?: NavOption
   const next = replaceScrollTarget(assetUrl, assetGridScrollTarget);
   const current = currentUrl();
   if (next !== current || options?.forceNavigate) {
-    await navigateWithTransition(next, options);
+    await goto(next, options);
   }
 }
 
@@ -136,16 +136,6 @@ export function navigate(change: ImmichRoute, options?: NavOptions): Promise<voi
   throw `Invalid navigation: ${JSON.stringify(change)}`;
 }
 
-async function navigateWithTransition(url: string, options?: NavOptions) {
-  if (document.startViewTransition) {
-    document.startViewTransition(async () => {
-      await goto(url, options);
-    });
-  } else {
-    await goto(url, options);
-  }
-}
-
 export const clearQueryParam = async (queryParam: string, url: URL) => {
   if (url.searchParams.has(queryParam)) {
     url.searchParams.delete(queryParam);