diff --git a/web/src/lib/components/shared-components/control-app-bar.svelte b/web/src/lib/components/shared-components/control-app-bar.svelte
index 96cee6e10259f..c9ce7624b4ec4 100644
--- a/web/src/lib/components/shared-components/control-app-bar.svelte
+++ b/web/src/lib/components/shared-components/control-app-bar.svelte
@@ -35,10 +35,7 @@
 	});
 </script>
 
-<div
-	transition:fly|local={{ y: 10, duration: 200 }}
-	class="fixed top-0 w-full bg-transparent z-[100]"
->
+<div in:fly={{ y: 10, duration: 200 }} class="fixed top-0 w-full bg-transparent z-[100]">
 	<div
 		id="asset-selection-app-bar"
 		class={`flex justify-between ${appBarBorder} rounded-lg p-2 mx-2 mt-2 transition-all place-items-center ${tailwindClasses} dark:bg-immich-dark-gray`}