diff --git a/app/resources/locales/en_US/field.po b/app/resources/locales/en_US/field.po
index 5afbfafcb..61fdcbf3b 100644
--- a/app/resources/locales/en_US/field.po
+++ b/app/resources/locales/en_US/field.po
@@ -197,6 +197,9 @@ msgstr "Full Name"
 msgid "hostname"
 msgstr "Hostname"
 
+msgid "key"
+msgstr "Key"
+
 msgid "language"
 msgstr "Language"
 
diff --git a/app/src/View/Helper/VueHelper.php b/app/src/View/Helper/VueHelper.php
index 3e5043d3f..d8ea9b672 100644
--- a/app/src/View/Helper/VueHelper.php
+++ b/app/src/View/Helper/VueHelper.php
@@ -53,13 +53,17 @@ class VueHelper extends Helper {
     ],
     'field' => [
       'email',
+      'key',
       'login',
       'primary',
       'datepicker.chooseTime',
       'datepicker.hour',
       'datepicker.minute',
+      'source',
       'status',
+      'type',
       'unverified',
+      'value'
     ],
     'information' => [
       'global.attributes.none',
@@ -98,7 +102,7 @@ class VueHelper extends Helper {
   ];
 
   /**
-   * Helper which will produce an array of configured locales
+   * Helper which will produce an array of configured locales from the locales_list above.
    *
    * @param   string  $lang  The language of the locale
    *
diff --git a/app/templates/element/mveaCanvas.php b/app/templates/element/mveaCanvas.php
index 48c6474cd..9da27119e 100644
--- a/app/templates/element/mveaCanvas.php
+++ b/app/templates/element/mveaCanvas.php
@@ -92,7 +92,7 @@
   }
 ?>
 <div id="mvea-canvas" class="co-cards">
-  <div id="mvea-canvas-attributes-js" class="row row-cols-1 g-4<?= ($widgetCount > 1) ? ' row-cols-md-2' : ''?>">
+  <div id="mvea-canvas-attributes-js" class="row row-cols-1 g-4<?= ($widgetCount > 1) ? ' row-cols-lg-2' : ''?>">
     <?php if($widgetCount == 0): ?>
         <div class="no-attributes"><?= __d('information','noattrs') ?></div>
     <?php else: ?>
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index 71795e41e..fdfcfd962 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -1375,9 +1375,15 @@ h2.card-title a {
   text-decoration: none;
 }
 table.cm-mvea td {
-  width: 25%;
+  width: 30%;
 }
 table.cm-mvea td:first-child {
+  width: 70%;
+}
+table.cm-mvea.cm-mvea-with-eis td {
+  width: 25%;
+}
+table.cm-mvea.cm-mvea-with-eis td:first-child {
   width: 50%;
 }
 .field-data-container .id-col {
@@ -2417,7 +2423,7 @@ code.source-record {
   align-items: center;
 }
 button.cm-copy-value-button {
-  display: flex;
+  display: none; /* turn on at 576px */
   align-items: center;
   gap: 0.1em;
   padding: 0 0.5em 0.2em;
diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css
index 9b2e3a21e..5564640e5 100644
--- a/app/webroot/css/co-responsive.css
+++ b/app/webroot/css/co-responsive.css
@@ -113,26 +113,16 @@
   /* PERSON CANVAS / CARDS */
   .co-cards .field-data-container {
     vertical-align: center;
-    /*display: grid;*/
-    /*grid-template-columns: 1fr 1fr;*/
-    /*align-items: center;*/
-    /*min-height: 2.5em;*/
   }
   .co-cards th {
     font-size: 0.8rem;
     padding: 0.25rem 0.75rem;
   }
-  .co-cards .cm-mvea-with-eis .field-data-container {
-    /*grid-template-columns: 2fr 100px 1fr;*/
-  }
-  .co-cards .field-data.data-eis {
-    /*padding: 0.25em 0;*/
-  }
   .co-cards .field-data.data-eis .badge {
     margin: 0;
   }
-  #mvea-canvas-roles .field-data-container {
-    /*grid-template-columns: 1fr 1fr 2fr auto;*/
+  button.cm-copy-value-button {
+    display: flex;
   }
   /* PAGINATION */
   #pagination {
diff --git a/app/webroot/js/comanage/components/mvea/mvea-item.js b/app/webroot/js/comanage/components/mvea/mvea-item.js
index 30e74acd1..d60aa44a7 100644
--- a/app/webroot/js/comanage/components/mvea/mvea-item.js
+++ b/app/webroot/js/comanage/components/mvea/mvea-item.js
@@ -47,6 +47,9 @@ export default {
     },
     mveaAddress: function() {
       return this.mvea.room + ' ' + this.mvea.street + ' ' + this.mvea.locality + ' ' + this.mvea.state + ' ' + this.mvea.postal_code + ' ' + this.mvea.country;
+    }, 
+    hasEis: function() {
+      return this.core?.externalIdentitySources && Object.keys(this.core.externalIdentitySources).length > 0;
     }
   },
   methods: {
@@ -60,10 +63,6 @@ export default {
         this.$parent.$parent.launchModal(this.core.mveaTitle, this.mveaLink, componentReference);
       });
     },
-    hasEis() {
-      return this.core?.externalIdentitySources &&
-        Object.keys(this.core.externalIdentitySources).length > 0;
-    },
     getEisDescription(externalIdentityId) {
       return externalIdentityId ? this.core?.externalIdentitySources[externalIdentityId] : null;
     }
@@ -74,75 +73,96 @@ export default {
   template: `
     <!-- Names -->
     <tr class="field-data-container linked-row" v-if="this.core.mveaType == 'names'" @click="followRowLink">
-      <td class="field-data force-wrap with-hover-button">
-        <a :href="mveaLink" class="row-link" @click.prevent>
-          <!-- If there is a display name use it. Otherwise, check language and produce right-to-left 
-            order or left-to-right order. This approach is similar to Model/Entity/Name.php::_getFullName(). 
-            XXX We expect to get the full_name out of the API, so remove this logic when we have the full name. 
-            We don't need to have the classes that distinguish what "kind" of name it is (e.g. "mvea-name-rtl"): 
-            the name alone should be enough. -->
-          <span v-if="this.mvea.display_name" class="mvea-name-displayname">
-            {{ this.mvea.display_name }}
-          </span>
-          <span v-else-if="['hu', 'ja', 'ko', 'za-Hans', 'za-Hant'].indexOf(this.mvea.language) != -1" class="mvea-name-rtl">
-            {{ this.mvea.family }} {{ this.mvea.given }}
-          </span>
-          <span v-else class="mvea-name-ltr">
-            {{ this.mvea.honorific }} {{ this.mvea.given }} {{ this.mvea.middle }} {{ this.mvea.family }} {{ this.mvea.suffix }}
-          </span>
-        </a>
-        <div v-if="this.mvea.primary_name || this.mvea.language" class="mvea-badges">
-          <span v-if="this.mvea.primary_name" class="mr-1 badge bg-outline-secondary primary">{{ this.txt['field.primary'] }}</span>
-          <span v-if="this.mvea.language" class="mr-1 badge bg-light">{{ calcLangHR(this.mvea.language) }}</span>
+      <td class="field-data">
+        <div class="force-wrap with-hover-button">
+          <a :href="mveaLink" class="row-link" @click.prevent>
+            <!-- If there is a display name use it. Otherwise, check language and produce right-to-left 
+              order or left-to-right order. This approach is similar to Model/Entity/Name.php::_getFullName(). 
+              XXX We expect to get the full_name out of the API, so remove this logic when we have the full name. 
+              We don't need to have the classes that distinguish what "kind" of name it is (e.g. "mvea-name-rtl"): 
+              the name alone should be enough. -->
+            <span v-if="this.mvea.display_name" class="mvea-name-displayname">
+              {{ this.mvea.display_name }}
+            </span>
+            <span v-else-if="['hu', 'ja', 'ko', 'za-Hans', 'za-Hant'].indexOf(this.mvea.language) != -1" class="mvea-name-rtl">
+              {{ this.mvea.family }} {{ this.mvea.given }}
+            </span>
+            <span v-else class="mvea-name-ltr">
+              {{ this.mvea.honorific }} {{ this.mvea.given }} {{ this.mvea.middle }} {{ this.mvea.family }} {{ this.mvea.suffix }}
+            </span>
+          </a>
+          <div v-if="this.mvea.primary_name || this.mvea.language" class="mvea-badges">
+            <span v-if="this.mvea.primary_name" class="mr-1 badge bg-outline-secondary primary">{{ this.txt['field.primary'] }}</span>
+            <span v-if="this.mvea.language" class="mr-1 badge bg-light">{{ calcLangHR(this.mvea.language) }}</span>
+          </div>
+          <!-- XXX As noted above, replace the following logic when full_name is available. -->
+          <copy-value-button 
+            v-if="this.mvea.display_name"
+            :txt="this.txt" 
+            :valueToCopy="this.mvea.display_name">
+          </copy-value-button>
+          <copy-value-button 
+            v-else-if="['hu', 'ja', 'ko', 'za-Hans', 'za-Hant'].indexOf(this.mvea.language) != -1"
+            :txt="this.txt" 
+            :valueToCopy="this.mvea.family + ' ' + this.mvea.given">
+          </copy-value-button>
+          <copy-value-button 
+            v-else
+            :txt="this.txt" 
+            :valueToCopy="this.mvea.honorific + ' ' + this.mvea.given + ' ' + this.mvea.middle + ' ' + this.mvea.family + ' ' + this.mvea.suffix">
+          </copy-value-button> 
+        </div>                                       
+      </td>
+      <td class="field-data data-label">
+        <div :class="{ 'with-row-actions' : !hasEis }">
+          <span class="mvea-type">{{ this.mvea.type.display_name }}</span>  
+          <!-- row actions -->
+          <!--   TODO: Should this action be open to the unpriviledged CoMember?     -->
+          <actions
+            v-if="!this.mvea.primary_name && !hasEis"
+            :actions="[
+              {
+                'url':   this.core.webroot + 'names/primary/' + this.mvea.id,
+                'icon':  'check',
+                'label': this.txt['operation.primary']
+              }
+            ]">
+          </actions>
         </div>
-        <!-- XXX As noted above, replace the following logic when full_name is available. -->
-        <copy-value-button 
-          v-if="this.mvea.display_name"
-          :txt="this.txt" 
-          :valueToCopy="this.mvea.display_name">
-        </copy-value-button>
-        <copy-value-button 
-          v-else-if="['hu', 'ja', 'ko', 'za-Hans', 'za-Hant'].indexOf(this.mvea.language) != -1"
-          :txt="this.txt" 
-          :valueToCopy="this.mvea.family + ' ' + this.mvea.given">
-        </copy-value-button>
-        <copy-value-button 
-          v-else
-          :txt="this.txt" 
-          :valueToCopy="this.mvea.honorific + ' ' + this.mvea.given + ' ' + this.mvea.middle + ' ' + this.mvea.family + ' ' + this.mvea.suffix">
-        </copy-value-button>                                        
       </td>
       <td class="field-data data-eis" v-if="hasEis">
-        <span v-if="getEisDescription(this.mvea?.source_name?.external_identity_id)" 
-          class="mvea-eis">
-          {{ getEisDescription(this.mvea?.source_name?.external_identity_id) }}
-        </span>
-      </td>
-      <td class="field-data data-label with-row-actions">
-        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>  
-        <!-- row actions -->
-        <!--   TODO: Should this action be open to the unpriviledged CoMember?     -->
-        <actions
-          v-if="!this.mvea.primary_name"
-          :actions="[
-            {
-              'url':   this.core.webroot + 'names/primary/' + this.mvea.id,
-              'icon':  'check',
-              'label': this.txt['operation.primary']
-            }
-          ]">
-        </actions>
+        <div class="with-row-actions">
+          <span v-if="getEisDescription(this.mvea?.source_name?.external_identity_id)" 
+            class="mvea-eis">
+            {{ getEisDescription(this.mvea?.source_name?.external_identity_id) }}
+          </span>
+          <actions
+            v-if="!this.mvea.primary_name"
+            :actions="[
+              {
+                'url':   this.core.webroot + 'names/primary/' + this.mvea.id,
+                'icon':  'check',
+                'label': this.txt['operation.primary']
+              }
+            ]">
+          </actions>
+        </div>
       </td>
     </tr>
     <!-- Email Addresses -->
     <tr class="field-data-container linked-row" v-if="this.core.mveaType == 'email_addresses'" @click="followRowLink">
-      <td class="field-data force-wrap with-hover-button">
-        <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.mail }}</a> 
-        <span v-if="!(this.mvea.verified)" class="mr-1 badge bg-warning unverified">{{ this.txt['field.unverified'] }}</span>
-        <copy-value-button 
-          :txt="this.txt" 
-          :valueToCopy="this.mvea.mail">
-        </copy-value-button>
+      <td class="field-data">
+        <div class="force-wrap with-hover-button">
+          <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.mail }}</a> 
+          <span v-if="!(this.mvea.verified)" class="mr-1 badge bg-warning unverified">{{ this.txt['field.unverified'] }}</span>
+          <copy-value-button 
+            :txt="this.txt" 
+            :valueToCopy="this.mvea.mail">
+          </copy-value-button>
+        </div>
+      </td>
+      <td class="field-data data-label">      
+        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
       </td>
       <td class="field-data data-eis" v-if="hasEis">
         <span v-if="getEisDescription(this.mvea?.source_email_address?.external_identity_id)" 
@@ -150,20 +170,20 @@ export default {
           {{ getEisDescription(this.mvea?.source_email_address?.external_identity_id) }}
         </span>
       </td>
-      <td class="field-data data-label">      
-        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
-      </td>
     </tr>
     <!-- Identifiers -->
     <tr class="field-data-container linked-row" v-if="this.core.mveaType == 'identifiers'" @click="followRowLink">
-      <td class="field-data force-wrap with-hover-button">
-        <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.identifier }}</a>
-        <span v-if="this.mvea.status == 'S'" class="mr-1 badge bg-danger">{{ this.txt['enumeration.SuspendableStatusEnum.S'] }}</span>
-        <span v-if="this.mvea.login" class="mr-1 badge bg-outline-secondary login">{{ this.txt['field.login'] }}</span>
-        <copy-value-button 
-          :txt="this.txt" 
-          :valueToCopy="this.mvea.identifier">
-        </copy-value-button>                                           
+      <td class="field-data">
+        <div class="force-wrap with-hover-button">
+          <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.identifier }}</a> <span
+          v-if="this.mvea.status == 'S'" class="mr-1 badge bg-danger">{{ this.txt['enumeration.SuspendableStatusEnum.S'] }}</span>
+          <span v-if="this.mvea.login"
+            class="mr-1 badge bg-outline-secondary login">{{ this.txt['field.login'] }}</span>
+          <copy-value-button :txt="this.txt" :valueToCopy="this.mvea.identifier"></copy-value-button>
+        </div>
+      </td>
+      <td class="field-data data-label">
+        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
       </td>
       <td class="field-data data-eis" v-if="hasEis">
         <span v-if="getEisDescription(mvea?.source_identifier?.external_identity_id)" 
@@ -171,19 +191,19 @@ export default {
           {{ getEisDescription(mvea?.source_identifier?.external_identity_id) }}
         </span>
       </td>
-      <td class="field-data data-label">
-        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
-      </td>
     </tr>
     <!-- Ad Hoc Attributes -->
     <tr class="field-data-container linked-row" v-if="this.core.mveaType == 'ad_hoc_attributes'" @click="followRowLink">
-      <td class="field-data force-wrap with-hover-button">
-        <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.value != '' ? this.mvea.value : this.txt['information.global.value.none'] }}</a>
-        <copy-value-button 
-          v-if="this.mvea.value != ''"
-          :txt="this.txt" 
-          :valueToCopy="this.mvea.value">
-        </copy-value-button>   
+      <td class="field-data">
+        <div class="force-wrap with-hover-button">
+          <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.value != '' ? this.mvea.value :
+            this.txt['information.global.value.none'] }}</a>
+          <copy-value-button v-if="this.mvea.value != ''" :txt="this.txt"
+            :valueToCopy="this.mvea.value"></copy-value-button>
+        </div>
+      </td>
+      <td v-if="this.mvea.tag != ''" class="field-data data-label">
+        <span class="mvea-tag">{{ this.mvea.tag }}</span>
       </td>
       <td class="field-data data-eis" v-if="hasEis">
         <span v-if="getEisDescription(this.mvea?.source_ad_hoc_attribute?.external_identity_id)" 
@@ -191,28 +211,24 @@ export default {
           {{ getEisDescription(this.mvea?.source_ad_hoc_attribute?.external_identity_id) }}
         </span>
       </td>
-      <td v-if="this.mvea.tag != ''" class="field-data data-label">
-        <span class="mvea-tag">{{ this.mvea.tag }}</span>
-      </td>
     </tr>
     <!-- Addresses -->
     <tr class="field-data-container linked-row" v-if="this.core.mveaType == 'addresses'" @click="followRowLink">
-      <td class="field-data force-wrap with-hover-button">
-        <address>
-          <a :href="mveaLink" class="row-link" @click.prevent>
-            {{ this.mvea.room }} {{ this.mvea.street }}
-            <span v-if="this.mvea.locality != '' || this.mvea.state != ''" class="addr-locality-state">
+      <td class="field-data">
+        <div class="force-wrap with-hover-button">
+          <address>
+            <a :href="mveaLink" class="row-link" @click.prevent> {{ this.mvea.room }} {{ this.mvea.street }} <span
+              v-if="this.mvea.locality != '' || this.mvea.state != ''" class="addr-locality-state">
               <br>{{ this.mvea.locality }}{{ this.mvea.locality != '' && this.mvea.state != '' ? ', ' : ''}}{{ this.mvea.state }}
-            </span>
-            <span v-if="this.mvea.postal_code != '' || this.mvea.country != ''" class="addr-postalcode-country">
+            </span> <span v-if="this.mvea.postal_code != '' || this.mvea.country != ''" class="addr-postalcode-country">
               <br>{{ this.mvea.postal_code }} {{ this.mvea.country }}
-            </span>
-          </a>
-        </address>         
-        <copy-value-button 
-          :txt="this.txt" 
-          :valueToCopy="this.mveaAddress">
-        </copy-value-button>                                   
+            </span> </a>
+          </address>
+          <copy-value-button :txt="this.txt" :valueToCopy="this.mveaAddress"></copy-value-button>
+        </div>
+      </td>
+      <td class="field-data data-label">
+        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
       </td>
       <td class="field-data data-eis" v-if="hasEis">
         <span v-if="getEisDescription(mvea?.source_address?.external_identity_id)" 
@@ -220,18 +236,19 @@ export default {
           {{ getEisDescription(mvea?.source_address?.external_identity_id) }}
         </span>
       </td>
-      <td class="field-data data-label">
-        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
-      </td>
     </tr>
     <!-- Telephone Numbers -->
     <tr class="field-data-container linked-row" v-if="this.core.mveaType == 'telephone_numbers'" @click="followRowLink">
-      <td class="field-data force-wrap with-hover-button">
-        <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.country_code }} {{ this.mvea.area_code }} {{ this.mvea.number }}</a> 
-        <copy-value-button 
-          :txt="this.txt" 
-          :valueToCopy="this.mvea.country_code+this.mvea.area_code+this.mvea.number">
-        </copy-value-button>                                              
+      <td class="field-data">
+        <div class="force-wrap with-hover-button">
+          <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.country_code }} {{ this.mvea.area_code }} {{
+            this.mvea.number }}</a>
+          <copy-value-button :txt="this.txt"
+            :valueToCopy="this.mvea.country_code+this.mvea.area_code+this.mvea.number"></copy-value-button>
+        </div>
+      </td>
+      <td class="field-data data-label">
+        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
       </td>
       <td class="field-data data-eis" v-if="hasEis">
         <span v-if="getEisDescription(mvea?.source_telephone_number?.external_identity_id)" 
@@ -239,19 +256,19 @@ export default {
           {{ getEisDescription(mvea?.source_telephone_number?.external_identity_id) }}
         </span>
       </td>
-      <td class="field-data data-label">
-        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
-      </td>
     </tr>
     <!-- Urls -->
     <tr class="field-data-container linked-row" v-if="this.core.mveaType == 'urls'" @click="followRowLink">
-      <td class="field-data force-wrap with-hover-button">
-        <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.description != '' && this.mvea.description != null ? this.mvea.description : this.mvea.url }}</a>   
-        <a :href="this.mvea.url" class="canvas-url-link" :title="this.txt['information.global.visit.link']"><span class="material-symbols">open_in_new</span></a>
-        <copy-value-button 
-          :txt="this.txt" 
-          :valueToCopy="this.mvea.url">
-        </copy-value-button>  
+      <td class="field-data">
+        <div class="force-wrap with-hover-button">
+          <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.description != '' && this.mvea.description !=
+            null ? this.mvea.description : this.mvea.url }}</a> <a :href="this.mvea.url" class="canvas-url-link"
+          :title="this.txt['information.global.visit.link']"><span class="material-symbols">open_in_new</span></a>
+          <copy-value-button :txt="this.txt" :valueToCopy="this.mvea.url"></copy-value-button>
+        </div>
+      </td>
+      <td class="field-data data-label">
+        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
       </td>
       <td class="field-data data-eis" v-if="hasEis">
         <span v-if="getEisDescription(mvea?.source_url?.external_identity_id)" 
@@ -259,18 +276,17 @@ export default {
           {{ getEisDescription(mvea?.source_url?.external_identity_id) }}
         </span>
       </td>
-      <td class="field-data data-label">
-        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
-      </td>
     </tr>
     <!-- Pronouns -->
     <tr class="field-data-container linked-row" v-if="this.core.mveaType == 'pronouns'" @click="followRowLink">
-      <td class="field-data force-wrap with-hover-button">
-        <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.pronouns }}</a>     
-        <copy-value-button 
-          :txt="this.txt" 
-          :valueToCopy="this.mvea.pronouns">
-        </copy-value-button>                                           
+      <td class="field-data">
+        <div class="force-wrap with-hover-button">
+          <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.pronouns }}</a>
+          <copy-value-button :txt="this.txt" :valueToCopy="this.mvea.pronouns"></copy-value-button>
+        </div>
+      </td>
+      <td class="field-data data-label">
+        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
       </td>
       <td class="field-data data-eis" v-if="hasEis">
         <span v-if="getEisDescription(mvea?.source_pronoun?.external_identity_id)" 
@@ -278,9 +294,6 @@ export default {
           {{ getEisDescription(mvea?.source_pronoun?.external_identity_id) }}
         </span>
       </td>
-      <td class="field-data data-label">
-        <span class="mvea-type">{{ this.mvea.type.display_name }}</span>
-      </td>
     </tr>
   `
 }
diff --git a/app/webroot/js/comanage/components/mvea/mveas.js b/app/webroot/js/comanage/components/mvea/mveas.js
index b2f96ceb5..6f3b1f997 100644
--- a/app/webroot/js/comanage/components/mvea/mveas.js
+++ b/app/webroot/js/comanage/components/mvea/mveas.js
@@ -66,13 +66,13 @@ export default {
         v-for='mvea in mveaModel'
         :mvea="mvea">
       </mvea-item>
-<!--      <thead>-->
-<!--        <tr>-->
-<!--          <th>Value</th>-->
-<!--          <th v-if="hasEis">Source</th>-->
-<!--          <th>{{ this.core.mveaType == 'ad_hoc_attributes' ? 'Key' : 'Type' }}</th>-->
-<!--        </tr>-->
-<!--      </thead>-->
+      <thead>
+        <tr>
+          <th>{{ this.txt['field.value'] }}</th>
+          <th>{{ this.core.mveaType == 'ad_hoc_attributes' ? this.txt['field.key'] : this.txt['field.type'] }}</th>
+          <th v-if="hasEis">{{ this.txt['field.source'] }}</th>
+        </tr>
+      </thead>
       <tbody>
         <tr v-show="this.mveaModel?.length < 1" class="field-data-container cm-mvea-no-attributes-msg">
           <td class="field-data">{{ this.txt['information.global.attributes.none'] }}</td>