diff --git a/src/lib/layout/index.ts b/src/lib/layout/index.ts
index b760601d3..43584d1bc 100644
--- a/src/lib/layout/index.ts
+++ b/src/lib/layout/index.ts
@@ -6,4 +6,3 @@ export { default as Navigation } from './navigation.svelte';
 export { default as Notification } from './notification.svelte';
 export { default as Notifications } from './notifications.svelte';
 export { default as Shell } from './shell.svelte';
-export { default as PageTransition } from './pageTransition.svelte';
diff --git a/src/lib/layout/pageTransition.svelte b/src/lib/layout/pageTransition.svelte
deleted file mode 100644
index f463f7951..000000000
--- a/src/lib/layout/pageTransition.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script>
-    import { page } from '$app/stores';
-    import { fade } from 'svelte/transition';
-</script>
-
-{#key $page.url.pathname}
-    <section in:fade>
-        <slot />
-    </section>
-{/key}
diff --git a/src/routes/console/[project]/functions/__layout.svelte b/src/routes/console/[project]/functions/__layout.svelte
index 3d2c010e2..6998ad013 100644
--- a/src/routes/console/[project]/functions/__layout.svelte
+++ b/src/routes/console/[project]/functions/__layout.svelte
@@ -2,7 +2,7 @@
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Back } from '$lib/components';
-    import { Cover, PageTransition } from '$lib/layout';
+    import { Cover } from '$lib/layout';
     import Tabs from './_tabs.svelte';
 
     const project = $page.params.project;
@@ -20,6 +20,4 @@
         <Tabs />
     </Cover>
 {/if}
-<PageTransition>
-    <slot />
-</PageTransition>
+<slot />
diff --git a/src/routes/console/[project]/keys/__layout.svelte b/src/routes/console/[project]/keys/__layout.svelte
index 9dc0f82b4..df96cc6b9 100644
--- a/src/routes/console/[project]/keys/__layout.svelte
+++ b/src/routes/console/[project]/keys/__layout.svelte
@@ -2,7 +2,7 @@
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Back } from '$lib/components';
-    import { Cover, PageTransition } from '$lib/layout';
+    import { Cover } from '$lib/layout';
     const projectId = $page.params.project;
 </script>
 
@@ -12,6 +12,4 @@
     </svelte:fragment>
     <svelte:fragment slot="title">API Keys</svelte:fragment>
 </Cover>
-<PageTransition>
-    <slot />
-</PageTransition>
+<slot />
diff --git a/src/routes/console/[project]/settings/__layout.svelte b/src/routes/console/[project]/settings/__layout.svelte
index 674e64c69..57a76442f 100644
--- a/src/routes/console/[project]/settings/__layout.svelte
+++ b/src/routes/console/[project]/settings/__layout.svelte
@@ -2,7 +2,7 @@
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Back } from '$lib/components';
-    import { Cover, PageTransition } from '$lib/layout';
+    import { Cover } from '$lib/layout';
     import Tabs from './_tabs.svelte';
 
     const project = $page.params.project;
@@ -19,6 +19,4 @@
     <svelte:fragment slot="title">Settings</svelte:fragment>
     <Tabs />
 </Cover>
-<PageTransition>
-    <slot />
-</PageTransition>
+<slot />
diff --git a/src/routes/console/[project]/storage/__layout.svelte b/src/routes/console/[project]/storage/__layout.svelte
index 54a3bac96..3253557f2 100644
--- a/src/routes/console/[project]/storage/__layout.svelte
+++ b/src/routes/console/[project]/storage/__layout.svelte
@@ -3,7 +3,7 @@
 
     import { page } from '$app/stores';
     import { Back } from '$lib/components';
-    import { Cover, PageTransition } from '$lib/layout';
+    import { Cover } from '$lib/layout';
     import Tabs from './_tabs.svelte';
 
     const project = $page.params.project;
@@ -22,6 +22,4 @@
     </Cover>
 {/if}
 
-<PageTransition>
-    <slot />
-</PageTransition>
+<slot />
diff --git a/src/routes/console/[project]/users/__layout.svelte b/src/routes/console/[project]/users/__layout.svelte
index 3367ee12e..1f1d1a775 100644
--- a/src/routes/console/[project]/users/__layout.svelte
+++ b/src/routes/console/[project]/users/__layout.svelte
@@ -2,7 +2,7 @@
     import { base } from '$app/paths';
     import { page } from '$app/stores';
     import { Back } from '$lib/components';
-    import { Cover, PageTransition } from '$lib/layout';
+    import { Cover } from '$lib/layout';
     import Tabs from './_tabs.svelte';
 
     const project = $page.params.project;
@@ -20,6 +20,4 @@
         <Tabs />
     </Cover>
 {/if}
-<PageTransition>
-    <slot />
-</PageTransition>
+<slot />