diff --git a/package/src/components/Edges/EdgeWrapper.vue b/package/src/components/Edges/EdgeWrapper.vue
index db3fc113..fe10be54 100644
--- a/package/src/components/Edges/EdgeWrapper.vue
+++ b/package/src/components/Edges/EdgeWrapper.vue
@@ -150,7 +150,7 @@ export default {
         labelBgPadding: edge.labelBgPadding,
         labelBgBorderRadius: edge.labelBgBorderRadius,
         data: edge.data,
-        style: edge.style,
+        style: getStyle(),
         markerStart: `url(#${getMarkerId(edge.markerStart)})`,
         markerEnd: `url(#${getMarkerId(edge.markerEnd)})`,
         sourcePosition,
diff --git a/package/src/components/Nodes/NodeWrapper.vue b/package/src/components/Nodes/NodeWrapper.vue
index f80918a4..23495d92 100644
--- a/package/src/components/Nodes/NodeWrapper.vue
+++ b/package/src/components/Nodes/NodeWrapper.vue
@@ -149,7 +149,7 @@ export default {
         zIndex: node.computedPosition.z,
         transform: `translate(${node.computedPosition.x}px,${node.computedPosition.y}px)`,
         pointerEvents: props.selectable || props.draggable ? 'all' : 'none',
-        ...node.style,
+        ...getStyle(),
       }"
       :data-id="node.id"
       @mouseenter="onMouseEnterHandler"