diff --git a/ui/src/domain/Modules/Create.jsx b/ui/src/domain/Modules/Create.jsx
index e21d57f2..fccb801a 100644
--- a/ui/src/domain/Modules/Create.jsx
+++ b/ui/src/domain/Modules/Create.jsx
@@ -425,10 +425,17 @@ export const CreateModule = () => {
               <Form.Item
                 name="name"
                 label="Module Name"
-                rules={[{ required: true }, { maxLength: 32, message: "Value should be less than 32 character"}]}
+                rules={[{ required: true },       {
+                  max: 32,
+                  message: "Value should be less than 32 character",
+                },]}
                 extra="The name of your module generally names the abstraction that the module is intending to create."
               >
-                <Input />
+                <Input
+                    onChange={(value) => {
+                      this.props.setValue(value);
+                    }}
+                />
               </Form.Item>
 
               <Form.Item