[ML] Transforms: Fixes styling of preview grid pagination in summary step (#77789)

Author: peteharverson

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>
   );