From 0f79872219058e4e54e069499a4059f7641b3675 Mon Sep 17 00:00:00 2001
From: Pete Harverson <peteharverson@users.noreply.github.com>
Date: Tue, 29 Jun 2021 14:36:41 +0100
Subject: [PATCH] [ML] Sets max height and preserve whitespace in
 categorization wizard examples (#103637)

* [ML] Sets max height and preserve whitespace in categorization wizard examples

* [ML] Edit following review
---
 .../categorization_view/field_examples.tsx          | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/x-pack/plugins/ml/public/application/jobs/new_job/pages/components/pick_fields_step/components/categorization_view/field_examples.tsx b/x-pack/plugins/ml/public/application/jobs/new_job/pages/components/pick_fields_step/components/categorization_view/field_examples.tsx
index 954009c59abd..01eee1c9cc37 100644
--- a/x-pack/plugins/ml/public/application/jobs/new_job/pages/components/pick_fields_step/components/categorization_view/field_examples.tsx
+++ b/x-pack/plugins/ml/public/application/jobs/new_job/pages/components/pick_fields_step/components/categorization_view/field_examples.tsx
@@ -7,7 +7,7 @@
 
 import React, { FC } from 'react';
 import { i18n } from '@kbn/i18n';
-import { EuiBasicTable, EuiText } from '@elastic/eui';
+import { EuiBasicTable, EuiCodeBlock } from '@elastic/eui';
 import { CategoryFieldExample } from '../../../../../../../../../common/types/categories';
 
 interface Props {
@@ -31,9 +31,14 @@ export const FieldExamples: FC<Props> = ({ fieldExamples }) => {
         }
       ),
       render: (example: any) => (
-        <EuiText size="s">
-          <code>{example}</code>
-        </EuiText>
+        <EuiCodeBlock
+          fontSize="s"
+          paddingSize="none"
+          transparentBackground
+          style={{ maxHeight: '200px' }} // Don't use overflowHeight as don't want to show the fullscreen button
+        >
+          {example}
+        </EuiCodeBlock>
       ),
     },
   ];