diff --git a/ui/media/js/main.js b/ui/media/js/main.js
index b7ec4dd1..f7a93f46 100644
--- a/ui/media/js/main.js
+++ b/ui/media/js/main.js
@@ -509,7 +509,11 @@ function showImages(reqBody, res, outputContainer, livePreview) {
                     { text: "Upscale", on_click: onUpscaleClick },
                     { text: "Fix Faces", on_click: onFixFacesClick },
                 ],
-                { text: "Use as Thumbnail", on_click: onUseAsThumbnailClick, filter: (req, img) => "use_embeddings_model" in req },
+                {
+                    text: "Use as Thumbnail",
+                    on_click: onUseAsThumbnailClick,
+                    filter: (req, img) => "use_embeddings_model" in req,
+                },
             ]
 
             // include the plugins
@@ -720,7 +724,7 @@ function onUseAsThumbnailClick(req, img) {
         onUseAsThumbnailClick.croppr.setImage(img.src)
     }
 
-    let embeddings = req.use_embeddings_model.map(e => e.split("/").pop())
+    let embeddings = req.use_embeddings_model.map((e) => e.split("/").pop())
     let LORA = []
 
     if ("use_lora_model" in req) {
@@ -1080,7 +1084,6 @@ function createTask(task) {
     }
 
     if (task.reqBody.control_image !== undefined && task.reqBody.control_filter_to_apply !== undefined) {
-        let controlImagePreview = taskEntry.querySelector(".controlnet-img-preview > img")
         let req = {
             image: task.reqBody.control_image,
             filter: task.reqBody.control_filter_to_apply,
@@ -1088,15 +1091,8 @@ function createTask(task) {
             filter_params: {},
         }
         req["model_paths"][task.reqBody.control_filter_to_apply] = task.reqBody.control_filter_to_apply
-        SD.filter(req).then(
-            (result) => {
-                console.log(result)
-                controlImagePreview.src = result.output[0]
-                let controlImageLargePreview = taskEntry.querySelector(".controlnet-img-preview .task-fs-initimage img")
-                controlImageLargePreview.src = controlImagePreview.src
-            },
-            (error) => console.log("filter error", error)
-        )
+
+        task["previewTaskReq"] = req
     }
 
     createCollapsibles(taskEntry)
@@ -1129,6 +1125,7 @@ function createTask(task) {
         startY = e.target.closest(".imageTaskContainer").offsetTop
     })
 
+    task["taskConfig"] = taskEntry.querySelector(".taskConfig")
     task["taskStatusLabel"] = taskEntry.querySelector(".taskStatusLabel")
     task["outputContainer"] = taskEntry.querySelector(".img-preview")
     task["outputMsg"] = taskEntry.querySelector(".outputMsg")
@@ -2289,7 +2286,7 @@ document.getElementById("toggle-tensorrt-install").addEventListener("click", fun
 
 /* Embeddings */
 
-addEmbeddingsThumb.addEventListener("click", e => addEmbeddingsThumbInput.click())
+addEmbeddingsThumb.addEventListener("click", (e) => addEmbeddingsThumbInput.click())
 addEmbeddingsThumbInput.addEventListener("change", loadThumbnailImageFromFile)
 
 function loadThumbnailImageFromFile() {
@@ -2305,7 +2302,9 @@ function loadThumbnailImageFromFile() {
         img.src = reader.result
         onUseAsThumbnailClick(
             {
-                use_embeddings_model: getAllModelNames("embeddings").sort((a, b) => a.localeCompare(b, undefined, { sensitivity: 'base' }))
+                use_embeddings_model: getAllModelNames("embeddings").sort((a, b) =>
+                    a.localeCompare(b, undefined, { sensitivity: "base" })
+                ),
             },
             img
         )
@@ -2316,7 +2315,6 @@ function loadThumbnailImageFromFile() {
     }
 }
 
-
 function updateEmbeddingsList(filter = "") {
     function html(model, iconlist = [], prefix = "", filter = "") {
         filter = filter.toLowerCase()
diff --git a/ui/media/js/task-manager.js b/ui/media/js/task-manager.js
index 1f100cb2..a36bf90b 100644
--- a/ui/media/js/task-manager.js
+++ b/ui/media/js/task-manager.js
@@ -67,6 +67,23 @@ async function onTaskStart(task) {
     task["taskStatusLabel"].innerText = "Starting"
     task["taskStatusLabel"].classList.add("waitingTaskLabel")
 
+    if (task.previewTaskReq !== undefined) {
+        let controlImagePreview = task.taskConfig.querySelector(".controlnet-img-preview > img")
+        try {
+            let result = await SD.filter(task.previewTaskReq)
+
+            controlImagePreview.src = result.output[0]
+            let controlImageLargePreview = task.taskConfig.querySelector(
+                ".controlnet-img-preview .task-fs-initimage img"
+            )
+            controlImageLargePreview.src = controlImagePreview.src
+        } catch (error) {
+            console.log("filter error", error)
+        }
+
+        delete task.previewTaskReq
+    }
+
     let newTaskReqBody = task.reqBody
     if (task.batchCount > 1) {
         // Each output render batch needs it's own task reqBody instance to avoid altering the other runs after they are completed.