diff --git a/packages/create/src/frameworks/react/add-ons/form/assets/src/components/demo.FormComponents.tsx.ejs b/packages/create/src/frameworks/react/add-ons/form/assets/src/components/demo.FormComponents.tsx.ejs
index 086ca484..7e51b039 100644
--- a/packages/create/src/frameworks/react/add-ons/form/assets/src/components/demo.FormComponents.tsx.ejs
+++ b/packages/create/src/frameworks/react/add-ons/form/assets/src/components/demo.FormComponents.tsx.ejs
@@ -58,6 +58,7 @@ export function TextField({
         {label}
       </Label>
       <Input
+        id={label}
         value={field.state.value}
         placeholder={placeholder}
         onBlur={field.handleBlur}