diff --git a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
index 20ac6192..23d8653d 100644
--- a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
+++ b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
@@ -5,7 +5,5 @@
 </script>
 
 {#if $connection.path}
-	<g class={$connection.status}>
-		<path d={$connection.path} fill="none" stroke={$connection.startHandle?.handleId} />
-	</g>
+	<path d={$connection.path} fill="none" stroke={$connection.startHandle?.handleId} />
 {/if}
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index f8ddc5b3..4635dad5 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -12,11 +12,12 @@
 
 {#if $connection.path}
   <svg width={$width} height={$height} class="svelte-flow__connectionline" style={containerStyle}>
-    <slot name="connectionLine" />
-    {#if !usingCustomLine}
-      <g class={cc(['svelte-flow__connection', $connection.status])} {style}>
+    <g class={cc(['svelte-flow__connection', $connection.status])} {style}>
+      <slot name="connectionLine" />
+      <!-- slot fallbacks do not work if slots are forwarded in parent -->
+      {#if !usingCustomLine}
         <path d={$connection.path} fill="none" class="svelte-flow__connection-path" />
-      </g>
-    {/if}
+      {/if}
+    </g>
   </svg>
 {/if}