diff --git a/packages/svelte/src/lib/container/Viewport/Viewport.svelte b/packages/svelte/src/lib/container/Viewport/Viewport.svelte
index 821ce540..69d08fd8 100644
--- a/packages/svelte/src/lib/container/Viewport/Viewport.svelte
+++ b/packages/svelte/src/lib/container/Viewport/Viewport.svelte
@@ -3,13 +3,12 @@
   import type { Snippet } from 'svelte';
 
   let { store, children }: { store: SvelteFlowStore; children: Snippet } = $props();
-
-  let { x, y, zoom } = $derived(store._viewport);
 </script>
 
 <div
   class="svelte-flow__viewport xyflow__viewport"
-  style="transform: translate({x}px, {y}px) scale({zoom})"
+  style="transform: translate({store.viewport.x}px, {store.viewport.y}px) scale({store.viewport
+    .zoom})"
 >
   {@render children()}
 </div>