diff --git a/js/src/views/Status/components/Debug/Debug.css b/js/src/views/Status/components/Debug/Debug.css
index 4e765cce6..9db3d2b5b 100644
--- a/js/src/views/Status/components/Debug/Debug.css
+++ b/js/src/views/Status/components/Debug/Debug.css
@@ -37,7 +37,11 @@
 }
 
 .logs {
-  width: 100%;
+  margin: 0;
+  max-width: 100%;
+  white-space: pre-line;
+  word-wrap: break-word;
+  color: #aaa;
 }
 
 .stopped {
@@ -45,13 +49,6 @@
   padding: 1em 0;
 }
 
-.log {
-  margin: 0;
-  white-space: nowrap;
-  overflow: visible;
-  color: #aaa;
-}
-
 .container {
   width: 100%;
 }
diff --git a/js/src/views/Status/components/Debug/Debug.js b/js/src/views/Status/components/Debug/Debug.js
index e6f736c35..29cc267b9 100644
--- a/js/src/views/Status/components/Debug/Debug.js
+++ b/js/src/views/Status/components/Debug/Debug.js
@@ -72,16 +72,10 @@ export default class Debug extends Component {
       return null;
     }
 
-    const logs = devLogs.map((log, idx) => (
-      <pre className={ styles.log } key={ idx }>
-        { log }
-      </pre>
-    ));
-
     return (
-      <div className={ styles.logs }>
-        { logs }
-      </div>
+      <pre className={ styles.logs }>
+        { devLogs.join('\n') }
+      </pre>
     );
   }