diff --git a/frontend/src/lib/components/graph/FlowGraphV2.svelte b/frontend/src/lib/components/graph/FlowGraphV2.svelte
index 46d0a0c11d..8e949f1235 100644
--- a/frontend/src/lib/components/graph/FlowGraphV2.svelte
+++ b/frontend/src/lib/components/graph/FlowGraphV2.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { type FlowModule } from '../../gen'
 	import { NODE, type GraphModuleState } from '.'
-	import { createEventDispatcher, setContext } from 'svelte'
+	import { createEventDispatcher, onMount, setContext } from 'svelte'
 
 	import { writable, type Writable } from 'svelte/store'
 	import '@xyflow/svelte/dist/style.css'
@@ -226,6 +226,10 @@
 	}
 
 	$: width && centerViewport(width)
+
+	onMount(() => {
+		centerViewport(width)
+	})
 </script>
 
 <div style={`height: ${height}px; max-height: ${maxHeight}px;`} bind:clientWidth={width}>