diff --git a/src/react/DebugPanel.js b/src/react/DebugPanel.js
index 3932a8e3..a14d3931 100644
--- a/src/react/DebugPanel.js
+++ b/src/react/DebugPanel.js
@@ -20,9 +20,8 @@ export function getDefaultStyle(props) {
     right: right ? 0 : undefined,
     top: top ? 0 : undefined,
     bottom: bottom ? 0 : undefined,
-    maxHeight: (bottom && top) ? '100%' : '20%',
-    maxWidth: (left && right) ? '100%' : '20%',
-    minWidth: 300,
+    maxHeight: (bottom && top) ? '100%' : '30%',
+    maxWidth: (left && right) ? '100%' : '30%',
     wordWrap: 'break-word',
     boxSizing: 'border-box',
     boxShadow: '-2px 0 7px 0 rgba(0, 0, 0, 0.5)'
diff --git a/src/react/LogMonitor.js b/src/react/LogMonitor.js
index f4c26084..0210db04 100644
--- a/src/react/LogMonitor.js
+++ b/src/react/LogMonitor.js
@@ -10,7 +10,7 @@ const styles = {
     overflowY: 'hidden',
     width: '100%',
     height: '100%',
-    fontSize: '0.95em'
+    minWidth: 300
   },
   buttonBar: {
     textAlign: 'center',