diff --git a/ui/src/app/admin/component/GroupForm.js b/ui/src/app/admin/component/GroupForm.js
index 806db59d4..9950798c7 100644
--- a/ui/src/app/admin/component/GroupForm.js
+++ b/ui/src/app/admin/component/GroupForm.js
@@ -9,7 +9,7 @@ import set from 'lodash/set';
 import { useGroupUiSchema, useGroupUiValidator, useGroupParser, useGroupFormatter} from '../hooks';
 import { FormContext, setFormDataAction, setFormErrorAction } from '../../form/FormManager';
 
-export function GroupForm ({group = {}, errors = [], context = {}, loading = false, schema, onSave, onCancel, onTouched}) {
+export function GroupForm ({group = {}, errors = [], context = {}, loading = false, schema, onSave, onCancel, onTouched = () => {}}) {
 
     const { dispatch } = React.useContext(FormContext);
     const onChange = ({formData, errors}) => {
diff --git a/ui/src/app/admin/container/NewGroup.js b/ui/src/app/admin/container/NewGroup.js
index 5050b9eec..1fc3be470 100644
--- a/ui/src/app/admin/container/NewGroup.js
+++ b/ui/src/app/admin/container/NewGroup.js
@@ -70,6 +70,7 @@ export function NewGroup({ groups }) {
                                     errors={errors}
                                     schema={schema}
                                     loading={loading}
+                                    onTouched={() => setBlocking(true)}
                                     onSave={(data) => save(data)}
                                     onCancel={() => cancel()} />
                             </>}