diff --git a/forms-flow-web/src/components/Form/EditForm/FormSettings.js b/forms-flow-web/src/components/Form/EditForm/FormSettings.js
index 525f117e59..fd4f06640b 100644
--- a/forms-flow-web/src/components/Form/EditForm/FormSettings.js
+++ b/forms-flow-web/src/components/Form/EditForm/FormSettings.js
@@ -209,9 +209,10 @@ const FormSettings = forwardRef((props, ref) => {
           dataTestid="form-name"
           name="title"
           ariaLabel={t("Form Name")}
+          isInvalid = {!!errors.name}
+          feedback = {errors.name}
           onBlur={() => validateField('name', formDetails.title)}
           />
-          {errors.name && <div className="validation-text">{errors.name}</div>}
         <FormTextArea
           label={t("Description")}
           name="description"