diff --git a/packages/vue-flow/src/store/actions.ts b/packages/vue-flow/src/store/actions.ts
index fbb1093a..135948bf 100644
--- a/packages/vue-flow/src/store/actions.ts
+++ b/packages/vue-flow/src/store/actions.ts
@@ -70,11 +70,6 @@ export default (state: State, getters: ComputedGetters): Actions => {
   }
 
   const updateNodeDimensions: Actions['updateNodeDimensions'] = (updates) => {
-    if (!state.viewportRef) return
-
-    const style = window.getComputedStyle(state.viewportRef)
-    const { m22: zoom } = new window.DOMMatrixReadOnly(style.transform)
-
     const changes: NodeDimensionChange[] = updates.reduce<NodeDimensionChange[]>((res, update) => {
       const node = getters.getNode.value(update.id)
 
@@ -87,8 +82,8 @@ export default (state: State, getters: ComputedGetters): Actions => {
         )
 
         node.handleBounds = {
-          source: getHandleBounds('.source', update.nodeElement, zoom),
-          target: getHandleBounds('.target', update.nodeElement, zoom),
+          source: getHandleBounds('.source', update.nodeElement, state.viewport.zoom),
+          target: getHandleBounds('.target', update.nodeElement, state.viewport.zoom),
         }
 
         if (doUpdate) {