diff --git a/.changeset/wise-jobs-perform.md b/.changeset/wise-jobs-perform.md
new file mode 100644
index 00000000..28d57968
--- /dev/null
+++ b/.changeset/wise-jobs-perform.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": patch
+---
+
+Unwrap connection line status ref in the connection line component to correctly append the class name.
diff --git a/packages/core/src/components/ConnectionLine/index.ts b/packages/core/src/components/ConnectionLine/index.ts
index 67227e59..854335a8 100644
--- a/packages/core/src/components/ConnectionLine/index.ts
+++ b/packages/core/src/components/ConnectionLine/index.ts
@@ -145,7 +145,7 @@ const ConnectionLine = defineComponent({
               })
             : h('path', {
                 'd': dAttr,
-                'class': [connectionLineOptions.value.class, connectionStatus, 'vue-flow__connection-path'],
+                'class': [connectionLineOptions.value.class, connectionStatus.value, 'vue-flow__connection-path'],
                 'style': {
                   ...connectionLineStyle.value,
                   ...connectionLineOptions.value.style,