diff --git a/packages/core/src/components/Edges/EdgeWrapper.ts b/packages/core/src/components/Edges/EdgeWrapper.ts
index 12af97d1..9eedb14c 100644
--- a/packages/core/src/components/Edges/EdgeWrapper.ts
+++ b/packages/core/src/components/Edges/EdgeWrapper.ts
@@ -57,6 +57,9 @@ const EdgeWrapper = defineComponent({
 
     const targetNode = $computed(() => findNode(edge.target))
 
+    const edgeClass = $computed(() => (edge.class instanceof Function ? edge.class(edge) : edge.class))
+    const edgeStyle = $computed(() => (edge.style instanceof Function ? edge.style(edge) : edge.style))
+
     const { handlePointerDown } = useHandle({
       nodeId,
       handleId,
@@ -101,9 +104,6 @@ const EdgeWrapper = defineComponent({
         targetPosition,
       )
 
-      const edgeClass = edge.class instanceof Function ? edge.class(edge) : edge.class
-      const edgeStyle = edge.style instanceof Function ? edge.style(edge) : edge.style
-
       return h(
         'g',
         {