diff --git a/src/lib/animation/index.ts b/src/lib/animation/index.ts
index 6c8fed0..8e7f13b 100644
--- a/src/lib/animation/index.ts
+++ b/src/lib/animation/index.ts
@@ -55,7 +55,7 @@ export const blur = (
 				origin: Combination<
 					"top" | "bottom" | "left" | "right" | "center",
 					"top" | "bottom" | "left" | "right" | "center"
-				>;
+				> & {};
 		  }>
 		| undefined,
 	dir: {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 01f8bea..869aaa7 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -130,10 +130,15 @@
 							start: !$shouldGoBack ? 250 : -250,
 							end: 0,
 						},
+						y: {
+							start: 100,
+							end: 0,
+						},
 						scale: {
 							start: 0.75,
 							end: 1,
 						},
+						origin: "top center",
 					}}
 					out:blur={{
 						duration,
@@ -143,10 +148,15 @@
 							start: 0,
 							end: !$shouldGoBack ? -250 : 250,
 						},
+						y: {
+							start: 0,
+							end: 100,
+						},
 						scale: {
 							start: 1,
 							end: 0.75,
 						},
+						origin: "top center",
 					}}
 				>
 					<div class="pb-20">