diff --git a/js/apps/account-ui/src/personal-info/FormField.tsx b/js/apps/account-ui/src/personal-info/FormField.tsx
index 8a4a2811e5..8d03bbad47 100644
--- a/js/apps/account-ui/src/personal-info/FormField.tsx
+++ b/js/apps/account-ui/src/personal-info/FormField.tsx
@@ -80,7 +80,10 @@ export const FormField = ({ attribute }: FormFieldProps) => {
       ) : (
         <KeycloakTextInput
           id={attribute.name}
-          {...register(fieldName(attribute.name))}
+          isDisabled={attribute.readOnly}
+          {...register(fieldName(attribute.name), {
+            required: { value: attribute.required, message: t("required") },
+          })}
         />
       )}
     </FormGroup>