diff --git a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form.tsx b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form.tsx
index 80c43af7b7d4d..b70e767de29b4 100644
--- a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form.tsx
+++ b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form.tsx
@@ -175,7 +175,7 @@ export const PipelineForm: React.FunctionComponent<PipelineFormProps> = ({
       <Form
         form={form}
         data-test-subj="pipelineForm"
-        isInvalid={form.isSubmitted && !form.isValid}
+        isInvalid={form.isSubmitted && !form.isValid && !form.isSubmitting}
         error={form.getErrors()}
       >
         {/* Request error */}
@@ -244,7 +244,6 @@ export const PipelineForm: React.FunctionComponent<PipelineFormProps> = ({
             </EuiButtonEmpty>
           </EuiFlexItem>
         </EuiFlexGroup>
-
         {/* ES request flyout */}
         {isRequestVisible ? (
           <PipelineRequestFlyout