diff --git a/src/components/ExtraForm.vue b/src/components/ExtraForm.vue
index ff173df8fa6d3f03b81e666cc0788ce9b105fd7a..a10641b954ce621e7b8b59014c2400bcb539f2c1 100644
--- a/src/components/ExtraForm.vue
+++ b/src/components/ExtraForm.vue
@@ -97,18 +97,18 @@
       >
         <div
           v-for="option in field.options"
-          :key="option"
+          :key="option.id || option"
           class="ui checkbox"
         >
           <input
-            :id="option"
+            :id="option.id || option"
             type="checkbox"
-            :checked="field.value && field.value.includes(option)"
-            :name="option"
+            :checked="field.value && field.value.includes(option.id || option)"
+            :name="option.id || option"
             @change="selectMultipleCheckbox"
           >
-          <label :for="option">
-            {{ option }}
+          <label :for="option.id || option">
+            {{ option.name || option }}
           </label>
         </div>
       </div>
@@ -207,7 +207,7 @@ export default {
       set(newValue) {
         //* set the value selected in the dropdown
         if (this.useValueOnly) {
-          this.$emit('update:value', newValue);
+          this.$emit('update:value', newValue.id || newValue);
         } else {
           const newExtraForm = this.field;
           newExtraForm['value'] = newValue;