diff --git a/frontend/src/lib/components/FlowPreviewContent.svelte b/frontend/src/lib/components/FlowPreviewContent.svelte
index 618d3a4d93..31ab1e79cd 100644
--- a/frontend/src/lib/components/FlowPreviewContent.svelte
+++ b/frontend/src/lib/components/FlowPreviewContent.svelte
@@ -27,7 +27,12 @@
 	const dispatch = createEventDispatcher()
 
 	export async function runPreview(args: Record<string, any>) {
-		job = undefined
+		job?.type == 'QueuedJob' &&
+			(await JobService.cancelQueuedJob({
+				workspace: $workspaceStore!,
+				id: job.id,
+				requestBody: {}
+			}))
 		intervalId && clearInterval(intervalId)
 
 		jobId = await runFlowPreview(args, newFlow)