fix styling for code block

nreese · Dec 21, 2017 · 9b87406 · 9b87406
1 parent 45fa827
commit 9b87406
Showing 1 changed file with 5 additions and 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
@@ -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>
   );