diff --git a/src/components/transition.svelte b/src/components/transition.svelte
index 0042710..4c94fb1 100644
--- a/src/components/transition.svelte
+++ b/src/components/transition.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { fade } from 'svelte/transition';
+  import { fly } from 'svelte/transition';
   export let pathname: string = '';
 </script>
 
 {#key pathname}
-  <div in:fade={{ duration: 300 }}>
+  <div in:fly={{ x: 0, y: 23, duration: 450 }}>
     <slot />
   </div>
 {/key}