diff --git a/src/components/form/dt-multi-text-groups/dt-multi-text-groups.js b/src/components/form/dt-multi-text-groups/dt-multi-text-groups.js
index f839583..ef52ba6 100644
--- a/src/components/form/dt-multi-text-groups/dt-multi-text-groups.js
+++ b/src/components/form/dt-multi-text-groups/dt-multi-text-groups.js
@@ -138,9 +138,9 @@ export class DtMultiTextGroups extends DtMultiText {
       verified: false,
       value: '',
       tempKey: Date.now().toString(),
-      group: group.id,
+      type: group.id,
     };
-    if (this.value[0]?.group) {
+    if (this.value[0]?.type) {
       this.value = [...this.value, newValue];
 
     } else {
@@ -161,7 +161,6 @@ export class DtMultiTextGroups extends DtMultiText {
 
   _removeItem(e) {
     const keyToRemove = e.currentTarget.dataset.key;
-    console.log(e.currentTarget);
     if (keyToRemove) {
       const event = new CustomEvent('change', {
         bubbles: true,
@@ -179,9 +178,9 @@ export class DtMultiTextGroups extends DtMultiText {
         .map(x => {
           const item = { ...x };
           // add `delete` prop to clicked item
-          if (x.key === keyToRemove || x.tempKey === keyToRemove) {
+          if (x.meta_id === keyToRemove || x.tempKey === keyToRemove) {
             item.delete = true;
-            this.activeGroup = item.group;
+            this.activeGroup = item.type;
           }
           return item;
         });
@@ -209,8 +208,8 @@ export class DtMultiTextGroups extends DtMultiText {
 
       // update this item's value in the list
       this.value = this.value.map(x => {
-        if (x.key === key || x.tempKey === key) {
-          this.activeGroup = x.group;
+        if (x.meta_id === key || x.tempKey === key) {
+          this.activeGroup = x.type;
 
           return {
             ...x,
@@ -331,7 +330,7 @@ export class DtMultiTextGroups extends DtMultiText {
     return html`
       <div class="field-container">
         <input
-          data-key="${item.key ?? item.tempKey}"
+          data-key="${item.meta_id ?? item.tempKey}"
           tabindex="1"
           name="${this.name}"
           aria-label="${this.label}"
@@ -346,13 +345,13 @@ export class DtMultiTextGroups extends DtMultiText {
         />
 
         ${when(
-          (this.value[0]?.group) || (!this.groups && itemCount > 1),
+          (this.value[0]?.type) || (!this.groups && itemCount > 1),
           () => html`
             <button
               class="input-addon btn-remove"
               tabindex="1"
               @click=${this._removeItem}
-              data-key="${item.key ?? item.tempKey}"
+              data-key="${item.meta_id ?? item.tempKey}"
               ?disabled=${this.disabled}
             >
               <dt-icon icon="mdi:close"></dt-icon>
@@ -397,10 +396,10 @@ export class DtMultiTextGroups extends DtMultiText {
     for (const [i, item] of (this.value || []).entries()) {
       if (item.delete && !this.isDeleting) {
         this.isDeleting = true;
-        this.activeGroup = item.group;
+        this.activeGroup = item.type;
       }
     }
-    const remainingItemsPerGroup = this.groups.map(group => (this.value || []).filter(item => item.group === group.id && !item.delete).length);
+    const remainingItemsPerGroup = this.groups.map(group => (this.value || []).filter(item => item.type === group.id && !item.delete).length);
     let itemsAbove = 0;
     let itemsBelow = 0;
     for (let i = remainingItemsPerGroup.length-1; i > groupIndex; i-=1) {
@@ -424,14 +423,14 @@ export class DtMultiTextGroups extends DtMultiText {
       let itemCount = 0;
       if (i > groupIndex) {
         // add padding for each item, every item if we are deleting (icon shows at top element)
-        itemCount = (this.value || []).filter(item => item.group === group.id && !item.delete).length;
+        itemCount = (this.value || []).filter(item => item.type === group.id && !item.delete).length;
 
         // if at least 1 item in group, we add for the group title as well, only if it's below our group
         if (itemCount > 0) {
           titleCount += 1;
         }
       } else if (i === groupIndex) {
-        itemCount = (this.value || []).filter(item => item.group === group.id && !item.delete).length-1;
+        itemCount = (this.value || []).filter(item => item.type === group.id && !item.delete).length-1;
         if (this.isDeleting && itemCount === 0){
           if (itemsAbove > 0) {
             itemCount = itemsAbove-1;
@@ -439,7 +438,7 @@ export class DtMultiTextGroups extends DtMultiText {
             titleCount -= 1;
           }
         } else {
-          itemCount = (this.value || []).filter(item => item.group === group.id && !item.delete).length-1;
+          itemCount = (this.value || []).filter(item => item.type === group.id && !item.delete).length-1;
         }
       }
       pad += itemCount;
@@ -470,10 +469,10 @@ export class DtMultiTextGroups extends DtMultiText {
     }
 
     const firstIndex = this.value[0];
-    if (this.groups && (firstIndex && firstIndex.group)) {
+    if (this.groups && (firstIndex && firstIndex.type)) {
       return this.groups.map(group => {
         const groupItems = (this.value ?? []).filter(
-          x => !x.delete && x.group === group.id
+          x => !x.delete && x.type === group.id
         );
 
         if (groupItems.length > 0) {
@@ -588,7 +587,7 @@ export class DtMultiTextGroups extends DtMultiText {
 
               <div class="readonly-options">
                 ${repeat(
-                  (this.value || []).filter(item => item.group === group.id),
+                  (this.value || []).filter(item => item.type === group.id),
                   item => html`<div class="group-item">${item.value}</div>`
                 )}
               </div>`
diff --git a/src/components/form/dt-multi-text-groups/dt-multi-text-groups.stories.js b/src/components/form/dt-multi-text-groups/dt-multi-text-groups.stories.js
index deb0683..675e506 100644
--- a/src/components/form/dt-multi-text-groups/dt-multi-text-groups.stories.js
+++ b/src/components/form/dt-multi-text-groups/dt-multi-text-groups.stories.js
@@ -126,18 +126,18 @@ export const EnteredValue = {
     value: [
       {
         value: 'Lorem Ipsum',
-        key: 'comm_channel_1',
-        group: 'one',
+        meta_id: 'comm_channel_1',
+        type: 'one',
       },
       {
         value: 'Lorem Ipsum 2',
-        key: 'comm_channel_2',
-        group: 'two',
+        meta_id: 'comm_channel_2',
+        type: 'two',
       },
       {
         value: 'Lorem Ipsum 3',
-        key: 'comm_channel_3',
-        group: 'two',
+        meta_id: 'comm_channel_3',
+        type: 'two',
       },
     ],
   },
@@ -163,8 +163,8 @@ export const Disabled = {
     value: [
       {
         value: 'Lorem Ipsum',
-        key: 'comm_channel_1',
-        group: 'one'
+        meta_id: 'comm_channel_1',
+        type: 'one'
       },
     ],
   }
@@ -180,18 +180,18 @@ export const ReadOnly = {
     value: [
       {
         value: 'Lorem Ipsum',
-        key: 'comm_channel_1',
-        group: 'one'
+        meta_id: 'comm_channel_1',
+        type: 'one'
       },
       {
         value: 'Lorem Ipsu2',
-        key: 'comm_channel_2',
-        group: 'two'
+        meta_id: 'comm_channel_2',
+        type: 'two'
       },
       {
         value: 'Lorem Ipsum',
-        key: 'comm_channel_3',
-        group: 'two'
+        meta_id: 'comm_channel_3',
+        type: 'two'
       }
     ],
   }
@@ -208,18 +208,18 @@ export const ReadOnlyDisabled = {
     value: [
       {
         value: 'Lorem Ipsum',
-        key: 'comm_channel_1',
-        group: 'one'
+        meta_id: 'comm_channel_1',
+        type: 'one'
       },
       {
         value: 'Lorem Ipsum',
-        key: 'comm_channel_2',
-        group: 'two'
+        meta_id: 'comm_channel_2',
+        type: 'two'
       },
       {
         value: 'Lorem Ipsum2',
-        key: 'comm_channel_3',
-        group: 'two'
+        meta_id: 'comm_channel_3',
+        type: 'two'
       }
     ],
   }
@@ -235,8 +235,8 @@ export const privateField = {
     value: [
       {
         value: 'Lorem Ipsum',
-        key: 'comm_channel_1',
-        group: 'one'
+        meta_id: 'comm_channel_1',
+        type: 'one'
       },
     ],
     privateLabel: 'This is a custom tooltip',
@@ -252,8 +252,8 @@ export const Loading = {
     value: [
       {
         value: '',
-        key: 'comm_channel_1',
-        group: 'one'
+        meta_id: 'comm_channel_1',
+        type: 'one'
       },
     ],
     loading: true,
@@ -269,8 +269,8 @@ export const Saved = {
     value: [
       {
         value: '',
-        key: 'comm_channel_1',
-        group: 'one'
+        meta_id: 'comm_channel_1',
+        type: 'one'
       },
     ],
     saved: true,
@@ -286,8 +286,8 @@ export const Error = {
     value: [
       {
         value: '',
-        key: 'comm_channel_1',
-        group: 'one'
+        meta_id: 'comm_channel_1',
+        type: 'one'
       },
     ],
     error: 'Custom error message',
@@ -303,8 +303,8 @@ export const ErrorSlot = {
     value: [
       {
         value: '',
-        key: 'comm_channel_1',
-        group: 'one'
+        meta_id: 'comm_channel_1',
+        type: 'one'
       },
     ],
     error: '[Should show link here]',
@@ -322,8 +322,8 @@ export const BasicForm = {
     value: [
       {
         value: '',
-        key: 'comm_channel_1',
-        group: 'one'
+        meta_id: 'comm_channel_1',
+        type: 'one'
       },
     ],
   },
@@ -339,8 +339,8 @@ export const Required = {
     value: [
       {
         value: '',
-        key: 'comm_channel_1',
-        group: 'one'
+        meta_id: 'comm_channel_1',
+        type: 'one'
       },
     ],
     required: true,
@@ -356,8 +356,8 @@ export const requiredCustomMessage = {
     value: [
       {
         value: '',
-        key: 'comm_channel_1',
-        group: 'one'
+        meta_id: 'comm_channel_1',
+        type: 'one'
       },
     ],
     required: true,
@@ -378,8 +378,8 @@ export const LocalizeRTL = {
     value: [
       {
         value: 'راد أن يشع',
-        key: 'comm_channel_1',
-        group: 'one',
+        meta_id: 'comm_channel_1',
+        type: 'one',
       },
     ],
   },
diff --git a/src/components/form/dt-multi-text-groups/dt-multi-text-groups.test.js b/src/components/form/dt-multi-text-groups/dt-multi-text-groups.test.js
index 8dfdfb9..2b4af31 100644
--- a/src/components/form/dt-multi-text-groups/dt-multi-text-groups.test.js
+++ b/src/components/form/dt-multi-text-groups/dt-multi-text-groups.test.js
@@ -9,7 +9,7 @@ describe('DtMultiTextGroups', () => {
     const el = await fixture(
       html`<dt-multi-text-groups 
         placeholder="Custom Placeholder"
-        .value=${[{ tempKey: 'new-key', group: 'default', value: '' }]}
+        .value=${[{ tempKey: 'new-key', type: 'default', value: '' }]}
         .groups=${[{ id: 'default', label: 'Default Group' }]}
       ></dt-multi-text-groups>`
     );
@@ -22,13 +22,13 @@ describe('DtMultiTextGroups', () => {
     const el = await fixture(
       html`<dt-multi-text-groups
         value="${JSON.stringify([{
-          key: 'cc01',
+          meta_id: 'cc01',
           value: 'Value 1',
-          group: 'one',
+          type: 'one',
         }, {
-          key: 'cc02',
+          meta_id: 'cc02',
           value: 'Value 2',
-          group: 'two',
+          type: 'two',
         }])}"
         groups="${JSON.stringify([{
           id: 'one',
@@ -56,11 +56,11 @@ describe('DtMultiTextGroups', () => {
         value="${JSON.stringify([{
           meta_id: 'cc01',
           value: 'Value 1',
-          group: 'one',
+          type: 'one',
         }, {
           meta_id: 'cc02',
           value: 'Value 2',
-          group: 'two',
+          type: 'two',
         }])}"
         groups="${JSON.stringify([{
           id: 'one',
@@ -89,13 +89,13 @@ describe('DtMultiTextGroups', () => {
     const el = await fixture(
       html`<dt-multi-text-groups
         value="${JSON.stringify([{
-          key: 'cc01',
+          meta_id: 'cc01',
           value: 'Value 1',
-          group: 'one',
+          type: 'one',
         }, {
-          key: 'cc02',
+          meta_id: 'cc02',
           value: 'Value 2',
-          group: 'two',
+          type: 'two',
         }])}"
         groups="${JSON.stringify([{
           id: 'one',
@@ -118,16 +118,16 @@ describe('DtMultiTextGroups', () => {
     expect(el.value.length).to.equal(2);
     
     expect(el.value).to.deep.include({
-      key: 'cc01',
+      meta_id: 'cc01',
       value: 'Value 1',
-      group: 'one',
+      type: 'one',
       delete: true,
     });
     
     expect(el.value).to.deep.include({
-      key: 'cc02',
+      meta_id: 'cc02',
       value: 'Value 2',
-      group: 'two',
+      type: 'two',
     });
 
     // not rendered in DOM
@@ -138,8 +138,8 @@ describe('DtMultiTextGroups', () => {
     const el = await fixture(
       html`<dt-multi-text-groups
         value="${JSON.stringify([{ 
-          tempKey: 'new-key',
-          group: 'default', 
+          meta_id: 'new-key',
+          type: 'default', 
           value: '' 
         }])}"
         groups="${JSON.stringify([{
@@ -174,13 +174,13 @@ describe('DtMultiTextGroups', () => {
     const el = await fixture(
       html`<dt-multi-text-groups
         value="${JSON.stringify([{
-          key: 'cc01',
+          meta_id: 'cc01',
           value: 'Value 1',
-          group: 'one',
+          type: 'one',
         }, {
-          key: 'cc02',
+          meta_id: 'cc02',
           value: 'Value 2',
-          group: 'two',
+          type: 'two',
         }])}"
         groups="${JSON.stringify([{
           id: 'one',