diff --git a/pkg/ui/frontend/src/components/AddItemForm.vue b/pkg/ui/frontend/src/components/AddItemForm.vue
index 1451b51..3cc9a16 100644
--- a/pkg/ui/frontend/src/components/AddItemForm.vue
+++ b/pkg/ui/frontend/src/components/AddItemForm.vue
@@ -126,13 +126,13 @@ export default {
     size: null,
     unit: null,
     units: [
-      "Teaspoon",
-      "Tablespoon",
-      "Cup",
-      "Ounce",
-      "Gram",
-      "Pound",
-      "Individual",
+      { value: 0, text: "Teaspoon" },
+      { value: 1, text: "Tablespoon" },
+      { value: 2, text: "Cup" },
+      { value: 3, text: "Ounce" },
+      { value: 4, text: "Gram" },
+      { value: 5, text: "Pound" },
+      { value: 6, text: "Individual" },
     ],
     barcode: "",
     barcodeReader: "none",
@@ -191,7 +191,7 @@ export default {
         name: this.name,
         description: this.description,
         size: this.size,
-        unit: this.unit,
+        unit: this.unit.value,
         location: {"id": this.location},
         barcode: this.barcode,
       };