diff --git a/x-pack/plugins/index_management/public/application/components/template_form/steps/step_logistics.tsx b/x-pack/plugins/index_management/public/application/components/template_form/steps/step_logistics.tsx
index 84cb0fa027ad1..d73d95600e5b1 100644
--- a/x-pack/plugins/index_management/public/application/components/template_form/steps/step_logistics.tsx
+++ b/x-pack/plugins/index_management/public/application/components/template_form/steps/step_logistics.tsx
@@ -194,6 +194,7 @@ export const StepLogistics: React.FunctionComponent<Props> = React.memo(
     const {
       submit,
       isSubmitted,
+      isSubmitting,
       isValid: isFormValid,
       getErrors: getFormErrors,
       getFormData,
@@ -275,7 +276,7 @@ export const StepLogistics: React.FunctionComponent<Props> = React.memo(
 
         <Form
           form={form}
-          isInvalid={isSubmitted && !isFormValid}
+          isInvalid={isSubmitted && !isSubmitting && !isFormValid}
           error={getFormErrors()}
           data-test-subj="stepLogistics"
         >