diff --git a/app/javascript/vue/protocol/step_elements/table.vue b/app/javascript/vue/protocol/step_elements/table.vue
index 0a66ded38..874ab8fc7 100644
--- a/app/javascript/vue/protocol/step_elements/table.vue
+++ b/app/javascript/vue/protocol/step_elements/table.vue
@@ -1,11 +1,11 @@
 <template>
-  <div class="step-table-container" :class="{ 'step-element--locked': !element.attributes.orderable.urls.update_url }">
+  <div class="step-table-container" :class="{ 'step-element--locked': locked }">
      <div class="step-element-header" :class="{ 'editing-name': editingName }">
       <div v-if="reorderElementUrl" class="step-element-grip" @click="$emit('reorder')">
         <i class="fas fas-rotated-90 fa-exchange-alt"></i>
       </div>
       <div v-else class="step-element-grip-placeholder"></div>
-      <div class="step-element-name">
+      <div v-if="!locked || element.attributes.orderable.name" class="step-element-name">
         <InlineEdit
           :value="element.attributes.orderable.name"
           :characterLimit="255"
@@ -86,6 +86,11 @@
         tableObject: null
       }
     },
+    computed: {
+      locked() {
+        return !this.element.attributes.orderable.urls.update_url
+      }
+    },
     updated() {
       this.loadTableData();
     },