diff --git a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form_error.tsx b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form_error.tsx
index 412255b1b3168..b3f8be972480b 100644
--- a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form_error.tsx
+++ b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_form/pipeline_form_error.tsx
@@ -117,13 +117,14 @@ export const PipelineFormError: React.FunctionComponent<Props> = ({ error }) =>
           <EuiFlexGroup
             direction="column"
             responsive={false}
-            gutterSize="s"
+            gutterSize="xs"
             justifyContent="center"
             alignItems="flexStart"
           >
             <EuiFlexItem grow={false}>
               {isShowingAllErrors ? (
                 <EuiButtonEmpty
+                  size="s"
                   onClick={() => setIsShowingAllErrors(false)}
                   color="danger"
                   iconSide="right"
@@ -141,6 +142,7 @@ export const PipelineFormError: React.FunctionComponent<Props> = ({ error }) =>
                 </EuiButtonEmpty>
               ) : (
                 <EuiButtonEmpty
+                  size="s"
                   onClick={() => setIsShowingAllErrors(true)}
                   color="danger"
                   iconSide="right"