diff --git a/packages/core/src/components/Edges/BaseEdge.ts b/packages/core/src/components/Edges/BaseEdge.ts
index 09bf885b..d28addc9 100644
--- a/packages/core/src/components/Edges/BaseEdge.ts
+++ b/packages/core/src/components/Edges/BaseEdge.ts
@@ -41,6 +41,7 @@ const BaseEdge: FunctionalComponent<BaseEdgeProps> = function (
           'fill': 'none',
           'stroke-opacity': 0,
           'stroke-width': interactionWidth,
+          'class': 'vue-flow__edge-interaction',
         })
       : null,
     label && isNumber(labelX) && isNumber(labelY)
diff --git a/packages/core/src/style.css b/packages/core/src/style.css
index 714c9258..2c6011d4 100644
--- a/packages/core/src/style.css
+++ b/packages/core/src/style.css
@@ -78,6 +78,11 @@
      animation: dashdraw 0.5s linear infinite;
    }
 
+  &.animated path.vue-flow__edge-interaction {
+     stroke-dasharray: none;
+     animation: none;
+   }
+
   &.inactive {
      pointer-events: none;
    }