diff --git a/web/app/src/components/workers/WorkerDetails.vue b/web/app/src/components/workers/WorkerDetails.vue
index 32851c76..9926e673 100644
--- a/web/app/src/components/workers/WorkerDetails.vue
+++ b/web/app/src/components/workers/WorkerDetails.vue
@@ -6,8 +6,8 @@
       <dt class="field-id">ID</dt>
       <dd>{{ workerData.id }}</dd>
 
-      <dt class="field-nickname">Nickname</dt>
-      <dd>{{ workerData.nickname }}</dd>
+      <dt class="field-name">Name</dt>
+      <dd>{{ workerData.name }}</dd>
 
       <dt class="field-status">Status</dt>
       <dd v-html="workerStatusHTML"></dd>
diff --git a/web/app/src/components/workers/WorkersTable.vue b/web/app/src/components/workers/WorkersTable.vue
index 0091ac45..8b1f1d77 100644
--- a/web/app/src/components/workers/WorkersTable.vue
+++ b/web/app/src/components/workers/WorkersTable.vue
@@ -56,7 +56,7 @@ export default {
             return `${dot} ${asString}`;
           },
         },
-        { title: 'Name', field: 'nickname', sorter: 'string' },
+        { title: 'Name', field: 'name', sorter: 'string' },
         { title: 'Version', field: 'version', sorter: 'string' },
       ],
       rowFormatter(row) {
@@ -65,7 +65,7 @@ export default {
         row.getElement().classList.toggle("active-row", isActive);
       },
       initialSort: [
-        { column: "nickname", dir: "asc" },
+        { column: "name", dir: "asc" },
       ],
       height: "360px", // Must be set in order for the virtual DOM to function correctly.
       data: [], // Will be filled via a Flamenco API request.