diff --git a/examples/react/src/examples/CustomConnectionLine/index.tsx b/examples/react/src/examples/CustomConnectionLine/index.tsx
index 2e5e2969..243a4f11 100644
--- a/examples/react/src/examples/CustomConnectionLine/index.tsx
+++ b/examples/react/src/examples/CustomConnectionLine/index.tsx
@@ -36,6 +36,7 @@ const ConnectionLineFlow = () => {
       onEdgesChange={onEdgesChange}
       connectionLineComponent={ConnectionLine}
       onConnect={onConnect}
+      connectionDragThreshold={25}
     >
       <Background variant={BackgroundVariant.Lines} />
     </ReactFlow>
diff --git a/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte b/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
index c7c6f92c..1da89e75 100644
--- a/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
+++ b/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
@@ -24,7 +24,14 @@
 </script>
 
 <div style="height:100vh;">
-	<SvelteFlow bind:nodes bind:edges {nodeTypes} fitView connectionLineComponent={ConnectionLine}>
+	<SvelteFlow
+		bind:nodes
+		bind:edges
+		{nodeTypes}
+		fitView
+		connectionLineComponent={ConnectionLine}
+		connectionDragThreshold={100}
+	>
 		<Background variant={BackgroundVariant.Lines} />
 	</SvelteFlow>
 </div>