X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/c324b64f3b26e79b4640b6f0cf55671f1a261bca..1ef4bffbfa4d05ae4356ef22b3964d6152310fb9:/src/views/process-log-panel/process-log-code-snippet.tsx

diff --git a/src/views/process-log-panel/process-log-code-snippet.tsx b/src/views/process-log-panel/process-log-code-snippet.tsx
index d02fc02c..d1756c77 100644
--- a/src/views/process-log-panel/process-log-code-snippet.tsx
+++ b/src/views/process-log-panel/process-log-code-snippet.tsx
@@ -2,9 +2,9 @@
 //
 // SPDX-License-Identifier: AGPL-3.0
 
-import * as React from 'react';
+import React from 'react';
 import { MuiThemeProvider, createMuiTheme, StyleRulesCallback, withStyles, WithStyles } from '@material-ui/core/styles';
-import { CodeSnippet } from '~/components/code-snippet/code-snippet';
+import { CodeSnippet } from 'components/code-snippet/code-snippet';
 import grey from '@material-ui/core/colors/grey';
 
 type CssRules = 'codeSnippet';
@@ -18,7 +18,7 @@ const styles: StyleRulesCallback<CssRules> = () => ({
 const theme = createMuiTheme({
     overrides: {
         MuiTypography: {
-            body1: {
+            body2: {
                 color: grey["200"]
             },
             root: {
@@ -27,7 +27,8 @@ const theme = createMuiTheme({
         }
     },
     typography: {
-        fontFamily: 'monospace'
+        fontFamily: 'monospace',
+        useNextVariants: true,
     }
 });