diff --git a/web/app/src/components/jobs/JobsTable.vue b/web/app/src/components/jobs/JobsTable.vue
index ab1706c9..09cba2ff 100644
--- a/web/app/src/components/jobs/JobsTable.vue
+++ b/web/app/src/components/jobs/JobsTable.vue
@@ -48,7 +48,11 @@ export default {
         // { title: "ID", field: "id", headerSort: false, formatter: (cell) => cell.getData().id.substr(0, 8), },
         {
           title: 'Status', field: 'status', sorter: 'string',
-          formatter: (cell) => indicator(cell.getData().status),
+          formatter: (cell) => {
+            const status = cell.getData().status;
+            const dot = indicator(status);
+            return `${dot} ${status}`;
+          },
         },
         { title: 'Name', field: 'name', sorter: 'string' },
         { title: 'Type', field: 'type', sorter: 'string' },
diff --git a/web/app/src/components/jobs/TasksTable.vue b/web/app/src/components/jobs/TasksTable.vue
index 989d8856..d0eaa64f 100644
--- a/web/app/src/components/jobs/TasksTable.vue
+++ b/web/app/src/components/jobs/TasksTable.vue
@@ -52,7 +52,11 @@ export default {
         // { title: "ID", field: "id", headerSort: false, formatter: (cell) => cell.getData().id.substr(0, 8), },
         {
           title: 'Status', field: 'status', sorter: 'string',
-          formatter: (cell) => indicator(cell.getData().status),
+          formatter: (cell) => {
+            const status = cell.getData().status;
+            const dot = indicator(status);
+            return `${dot} ${status}`;
+          },
         },
         { title: 'Name', field: 'name', sorter: 'string' },
         {