diff --git a/packages/builder/src/components/design/settings/componentSettings.js b/packages/builder/src/components/design/settings/componentSettings.js
index 4e9b624f12..c3b81968f4 100644
--- a/packages/builder/src/components/design/settings/componentSettings.js
+++ b/packages/builder/src/components/design/settings/componentSettings.js
@@ -51,7 +51,7 @@ const componentMap = {
   "field/link": FormFieldSelect,
   "field/array": FormFieldSelect,
   "field/json": FormFieldSelect,
-  "field/barcodeqr": FormFieldSelect,
+  "field/barcode/qr": FormFieldSelect,
   // Some validation types are the same as others, so not all types are
   // explicitly listed here. e.g. options uses string validation
   "validation/string": ValidationEditor,
diff --git a/packages/builder/src/components/design/settings/controls/FormFieldSelect.svelte b/packages/builder/src/components/design/settings/controls/FormFieldSelect.svelte
index 18653f51a3..c00079420a 100644
--- a/packages/builder/src/components/design/settings/controls/FormFieldSelect.svelte
+++ b/packages/builder/src/components/design/settings/controls/FormFieldSelect.svelte
@@ -26,7 +26,7 @@
     let entries = Object.entries(schema ?? {})
 
     let types = []
-    if ((type === "field/options", type === "field/barcodeqr")) {
+    if ((type === "field/options", type === "field/barcode/qr")) {
       // allow options to be used on both options and string fields
       types = [type, "field/string"]
     } else {
@@ -35,7 +35,6 @@
 
     types = types.map(type => type.split("/")[1])
     entries = entries.filter(entry => types.includes(entry[1].type))
-
     return entries.map(entry => entry[0])
   }
 </script>