diff --git a/src/pages/09_task-order/TableTaskOrder.vue b/src/pages/09_task-order/TableTaskOrder.vue
index 3f58f132..b55942a8 100644
--- a/src/pages/09_task-order/TableTaskOrder.vue
+++ b/src/pages/09_task-order/TableTaskOrder.vue
@@ -69,6 +69,10 @@ function taskOrderStatus(value: TaskOrderStatus, type: 'status' | 'color') {
       status: 'taskOrder.sentTask',
       color: '--blue-6-hsl',
     },
+    [TaskOrderStatus.Restart]: {
+      status: 'taskOrder.status.Restart',
+      color: '--red-5-hsl',
+    },
   }[value][type];
 }
 
diff --git a/src/pages/09_task-order/TaskStatusComponent.vue b/src/pages/09_task-order/TaskStatusComponent.vue
index 626cca53..6ca103df 100644
--- a/src/pages/09_task-order/TaskStatusComponent.vue
+++ b/src/pages/09_task-order/TaskStatusComponent.vue
@@ -90,7 +90,8 @@ function hideIcon() {
         negative:
           currStatus?.value === TaskStatus.Failed ||
           currStatus?.value === TaskStatus.Redo ||
-          currStatus?.value === TaskStatus.Canceled,
+          currStatus?.value === TaskStatus.Canceled ||
+          currStatus?.value === TaskStatus.Restart,
         'pointer-events-none': {
           order: !['Success', 'Failed', 'Validate'].includes(status || ''),
           receive: status !== TaskStatus.InProgress,
@@ -110,7 +111,9 @@ function hideIcon() {
                   (v) => v.value === TaskStatus.Complete,
                 ),
                 Failed: taskStatusOrderToggle.filter(
-                  (v) => v.value === TaskStatus.Redo,
+                  (v) =>
+                    v.value === TaskStatus.Redo ||
+                    v.value === TaskStatus.Restart,
                 ),
                 Validate: taskStatusOrderToggle.filter(
                   (v) => v.value !== TaskStatus.InProgress,