diff --git a/src/routes/(console)/project-[region]-[project]/(studio)/studio/+page.svelte b/src/routes/(console)/project-[region]-[project]/(studio)/studio/+page.svelte
index b53b8e44ed..51b7acc64a 100644
--- a/src/routes/(console)/project-[region]-[project]/(studio)/studio/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/(studio)/studio/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { onDestroy, onMount, tick } from 'svelte';
+    import { onDestroy, tick } from 'svelte';
     import {
         attachStudioTo,
         ensureStudioComponent,
@@ -18,16 +18,20 @@
         attachStudioTo(anchor, { offsetX: 0, offsetY: 0 });
     }
 
-    onMount(async () => {
+    async function setStudioParams(props: { projectId: string; region: string }) {
         ensureStudioComponent();
         await tick();
         positionStudio();
         navigateToRoute({
             id: 'project',
-            props: {
-                projectId: params.project,
-                region: params.region
-            }
+            props
+        });
+    }
+
+    $effect(() => {
+        setStudioParams({
+            projectId: params.project,
+            region: params.region
         });
     });