diff --git a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/mappings_state.tsx b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/mappings_state.tsx
index 634fde393c2cd..2204f4c90c0a9 100644
--- a/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/mappings_state.tsx
+++ b/x-pack/legacy/plugins/index_management/public/app/components/mappings_editor/mappings_state.tsx
@@ -157,11 +157,8 @@ export const MappingsState = React.memo(
               : Promise.resolve(true);
 
           const templatesFormValidator =
-            state.templates.submitForm !== undefined
-              ? new Promise(async resolve => {
-                  const { isValid } = await state.templates.submitForm!();
-                  resolve(isValid);
-                })
+            state.templates.form !== undefined
+              ? (await state.templates.form!.submit()).isValid
               : Promise.resolve(true);
 
           const promisesToValidate = [configurationFormValidator, templatesFormValidator];