From 9b8740637f841671a0151903ff1747dec02f73db Mon Sep 17 00:00:00 2001
From: Nathan Reese <reese.nathan@gmail.com>
Date: Thu, 21 Dec 2017 09:25:02 -0700
Subject: [PATCH] fix styling for code block

---
 .../public/home/components/tutorial/command_block.js       | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/core_plugins/kibana/public/home/components/tutorial/command_block.js b/src/core_plugins/kibana/public/home/components/tutorial/command_block.js
index deb26c5ff25b6..52fa0ae5d394a 100644
--- a/src/core_plugins/kibana/public/home/components/tutorial/command_block.js
+++ b/src/core_plugins/kibana/public/home/components/tutorial/command_block.js
@@ -5,6 +5,9 @@ import {
   KuiBar,
   KuiBarSection,
 } from 'ui_framework/components';
+import {
+  EuiCodeBlock,
+} from '@elastic/eui';
 
 export function CommandBlock({ commands, paramValues, replaceTemplateStrings }) {
 
@@ -22,9 +25,9 @@ export function CommandBlock({ commands, paramValues, replaceTemplateStrings })
         </KuiBar>
       </div>
       <div className="kuiVerticalRhythm">
-        <pre>
+        <EuiCodeBlock>
           {cmdText}
-        </pre>
+        </EuiCodeBlock>
       </div>
     </div>
   );