From 950969ca301fc30e7acd9decec18653091bc287a Mon Sep 17 00:00:00 2001
From: Pete Harverson <peteharverson@users.noreply.github.com>
Date: Fri, 18 Sep 2020 12:43:25 +0100
Subject: [PATCH] [ML] Transforms: Fixes styling of preview grid pagination in
 summary step (#77789) (#77865)

---
 .../step_define/step_define_summary.tsx       | 34 +++++++++----------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/x-pack/plugins/transform/public/app/sections/create_transform/components/step_define/step_define_summary.tsx b/x-pack/plugins/transform/public/app/sections/create_transform/components/step_define/step_define_summary.tsx
index fa4f8a7e09690e..c4adb9f1f49dee 100644
--- a/x-pack/plugins/transform/public/app/sections/create_transform/components/step_define/step_define_summary.tsx
+++ b/x-pack/plugins/transform/public/app/sections/create_transform/components/step_define/step_define_summary.tsx
@@ -8,7 +8,7 @@ import React, { Fragment, FC } from 'react';
 
 import { i18n } from '@kbn/i18n';
 
-import { EuiCodeBlock, EuiForm, EuiFormRow, EuiSpacer, EuiText } from '@elastic/eui';
+import { EuiCodeBlock, EuiForm, EuiFormRow, EuiSpacer } from '@elastic/eui';
 
 import { dictionaryToArray } from '../../../../../../common/types/common';
 
@@ -132,23 +132,21 @@ export const StepDefineSummary: FC<Props> = ({
         </EuiFormRow>
 
         <EuiSpacer size="m" />
-        <EuiText>
-          <DataGrid
-            {...pivotPreviewProps}
-            copyToClipboard={getPivotPreviewDevConsoleStatement(previewRequest)}
-            copyToClipboardDescription={i18n.translate(
-              'xpack.transform.pivotPreview.copyClipboardTooltip',
-              {
-                defaultMessage: 'Copy Dev Console statement of the pivot preview to the clipboard.',
-              }
-            )}
-            dataTestSubj="transformPivotPreview"
-            title={i18n.translate('xpack.transform.pivotPreview.PivotPreviewTitle', {
-              defaultMessage: 'Transform pivot preview',
-            })}
-            toastNotifications={toastNotifications}
-          />
-        </EuiText>
+        <DataGrid
+          {...pivotPreviewProps}
+          copyToClipboard={getPivotPreviewDevConsoleStatement(previewRequest)}
+          copyToClipboardDescription={i18n.translate(
+            'xpack.transform.pivotPreview.copyClipboardTooltip',
+            {
+              defaultMessage: 'Copy Dev Console statement of the pivot preview to the clipboard.',
+            }
+          )}
+          dataTestSubj="transformPivotPreview"
+          title={i18n.translate('xpack.transform.pivotPreview.PivotPreviewTitle', {
+            defaultMessage: 'Transform pivot preview',
+          })}
+          toastNotifications={toastNotifications}
+        />
       </EuiForm>
     </div>
   );