diff --git a/src/container/VueFlow/VueFlow.vue b/src/container/VueFlow/VueFlow.vue
index 5a722721..b3a93eba 100644
--- a/src/container/VueFlow/VueFlow.vue
+++ b/src/container/VueFlow/VueFlow.vue
@@ -65,7 +65,7 @@ export default {
 </script>
 <template>
   <div class="vue-flow">
-    <ZoomPane :key="`renderer-${id}`">
+    <ZoomPane :key="`renderer-${id}`" :fit-view-on-init="fitViewOnInit">
       <template v-for="nodeName of Object.keys(getNodeTypes)" #[`node-${nodeName}`]="nodeProps" :key="`node-${nodeName}-${id}`">
         <slot :name="`node-${nodeName}`" v-bind="nodeProps" />
       </template>
diff --git a/src/container/ZoomPane/ZoomPane.vue b/src/container/ZoomPane/ZoomPane.vue
index 222ae432..bd7ca5eb 100644
--- a/src/container/ZoomPane/ZoomPane.vue
+++ b/src/container/ZoomPane/ZoomPane.vue
@@ -15,6 +15,8 @@ import {
 import SelectionPane from '../SelectionPane/SelectionPane.vue'
 import TransformationPane from '../TransformationPane/TransformationPane.vue'
 
+const props = defineProps<{ fitViewOnInit?: boolean }>()
+
 const { id, store } = useVueFlow()
 const zoomPaneEl = templateRef<HTMLDivElement>('zoomPane', null)
 
@@ -206,7 +208,7 @@ onMounted(async () => {
     toObject: onLoadToObject(store),
   }
   store.instance = instance
-  store.fitViewOnInit && instance.fitView()
+  props.fitViewOnInit && instance.fitView()
   store.hooks.paneReady.trigger(instance)
 })
 </script>