diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css
index 677db2de..639d919a 100644
--- a/web/app/src/assets/base.css
+++ b/web/app/src/assets/base.css
@@ -304,8 +304,9 @@ footer {
   background-color: var(--indicator-color);
   border: calc(var(--indicator-size)/2) solid var(--indicator-color);
   border-radius: 50%;
-  display: block;
+  display: inline-block;
   height: var(--indicator-size);
+  vertical-align: middle;
   width: var(--indicator-size);
 }
 
diff --git a/web/app/src/components/workers/WorkersTable.vue b/web/app/src/components/workers/WorkersTable.vue
index 054fec99..ad142f3f 100644
--- a/web/app/src/components/workers/WorkersTable.vue
+++ b/web/app/src/components/workers/WorkersTable.vue
@@ -43,7 +43,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, 'worker-'),
+          formatter: (cell) => {
+            const status = cell.getData().status;
+            const dot = indicator(status, 'worker-');
+            return `${dot} ${status}`;
+          },
         },
         { title: 'Name', field: 'nickname', sorter: 'string' },
       ],