diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowChart.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowChart.svelte
index e62b6b3ff2..48bafb8cd3 100644
--- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowChart.svelte
+++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowChart.svelte
@@ -2,7 +2,6 @@
   import FlowItem from "./FlowItem.svelte"
   import Arrow from "./Arrow.svelte"
   import { flip } from "svelte/animate"
-  import {dndzone} from "svelte-dnd-action";
   import { fade, fly } from "svelte/transition"
 
   export let automation
@@ -18,22 +17,14 @@
       blocks = blocks.concat(automation.definition.steps || [])
     }
   }
-
-  const flipDurationMs = 300;
-  function handleDndConsider(e) {
-      blocks = e.detail.items;
-  }
-  function handleDndFinalize(e) {
-      blocks = e.detail.items;
-  }
 </script>
 
 {#if !blocks.length}<i>Add a trigger to your automation to get started</i>{/if}
-<section class="canvas"  use:dndzone={{items: blocks, flipDurationMs}} on:consider={handleDndConsider} on:finalize={handleDndFinalize}>
+<section class="canvas">
   {#each blocks as block, idx (block.id)}
     <div
       class="block"
-      animate:flip={{ duration: flipDurationMs}}
+      animate:flip={{ duration: 600 }}
       in:fade|local
       out:fly|local={{ x: 100 }}>
       <FlowItem {onSelect} {block} />