diff --git a/ui_src/src/components/asyncTasks/index.js b/ui_src/src/components/asyncTasks/index.js
index 1b76ab577..040ca07c0 100644
--- a/ui_src/src/components/asyncTasks/index.js
+++ b/ui_src/src/components/asyncTasks/index.js
@@ -115,11 +115,9 @@ const AsyncTasks = ({ overView, children }) => {
                         ((!showMore && index < 3) || showMore) && (
                             <div>
                                 <div className="task-item" key={index}>
-                                    {task?.status === 'running' && (
-                                        <span className="task-status">
-                                            <Badge status="success" />
-                                        </span>
-                                    )}
+                                    <span className="task-status">
+                                        <Badge status={task?.status === 'completed' ? 'success' : task?.status === 'failed' ? 'error' : 'processing'} />
+                                    </span>
                                     <div>
                                         <TaskIcon alt="taskIcon" />
                                     </div>
diff --git a/ui_src/src/components/asyncTasks/style.scss b/ui_src/src/components/asyncTasks/style.scss
index d4a09d1c3..0e33265a5 100644
--- a/ui_src/src/components/asyncTasks/style.scss
+++ b/ui_src/src/components/asyncTasks/style.scss
@@ -107,3 +107,6 @@
         cursor: pointer;
     }
 }
+.ant-badge-status-processing {
+    background-color: var(--purple);
+}