diff --git a/src/components/ConnectionLine/ConnectionLine.vue b/src/components/ConnectionLine/ConnectionLine.vue
index cf180c76..58df160e 100644
--- a/src/components/ConnectionLine/ConnectionLine.vue
+++ b/src/components/ConnectionLine/ConnectionLine.vue
@@ -28,6 +28,7 @@ interface ConnectionLineProps {
 const props = withDefaults(defineProps<ConnectionLineProps>(), {
   connectionLineType: ConnectionLineType.Bezier,
   connectionLineStyle: () => ({}),
+  connectionPosition: () => ({ x: 0, y: 0 }),
 })
 
 const sourceHandle =
@@ -42,8 +43,8 @@ const sourceY = props.vf.position.y + sourceHandleY
 const isRightOrLeft = sourceHandle?.position === Position.Left || sourceHandle?.position === Position.Right
 const targetPosition = isRightOrLeft ? Position.Left : Position.Top
 
-const targetX = computed(() => (props.connectionPosition?.x || 0 - props.transform[0]) / props.transform[2])
-const targetY = computed(() => (props.connectionPosition?.y || 0 - props.transform[1]) / props.transform[2])
+const targetX = computed(() => (props.connectionPosition.x - props.transform[0]) / props.transform[2])
+const targetY = computed(() => (props.connectionPosition.y - props.transform[1]) / props.transform[2])
 
 const dAttr = computed(() => {
   let path = `M${sourceX},${sourceY} ${targetX.value},${targetY.value}`