diff --git a/src/react/JSONTree/index.js b/src/react/JSONTree/index.js
index e8e80e3e..4c59723f 100644
--- a/src/react/JSONTree/index.js
+++ b/src/react/JSONTree/index.js
@@ -15,7 +15,6 @@ const styles = {
       margin: 0,
       fontSize: '0.90em',
       listStyle: 'none',
-      fontFamily: 'monospace',
       MozUserSelect: 'none',
       WebkitUserSelect: 'none'
     }
diff --git a/src/react/LogMonitor.js b/src/react/LogMonitor.js
index 0f589449..ce6fd63c 100644
--- a/src/react/LogMonitor.js
+++ b/src/react/LogMonitor.js
@@ -5,7 +5,7 @@ import * as themes from './themes';
 
 const styles = {
   container: {
-    fontFamily: 'Monaco, monospace',
+    fontFamily: 'monaco, Consolas, Lucida Console, monospace',
     position: 'relative',
     overflowY: 'hidden',
     width: '100%',
@@ -157,11 +157,7 @@ export default class LogMonitor {
 
     return (
       <div style={{...styles.container, backgroundColor: theme.base00}}>
-        <div style={{
-          ...styles.buttonBar,
-          backgroundColor: theme.base01,
-          borderBottom: theme.base00
-        }}>
+        <div style={styles.buttonBar}>
           <LogMonitorButton theme={theme} onClick={::this.handleReset}>Reset</LogMonitorButton>
           {computedStates.length > 1 &&
             <LogMonitorButton theme={theme} onClick={::this.handleRollback}>Revert</LogMonitorButton>