diff --git a/src/css/style.less b/src/css/style.less
index e85f117e..ecb7d74c 100644
--- a/src/css/style.less
+++ b/src/css/style.less
@@ -416,6 +416,13 @@ button[data-paste-content] {
     }
 }
 
+.full-width {
+    width: 100%;
+}
+
+.overflow-auto {
+    overflow: auto;
+}
 
 /** Breadcrumb **/
 @breadcrumb-bg: none;
diff --git a/src/views/tools/tools_journal.ms b/src/views/tools/tools_journal.ms
index 986acfad..24739936 100644
--- a/src/views/tools/tools_journal.ms
+++ b/src/views/tools/tools_journal.ms
@@ -29,15 +29,15 @@
     <div class="panel-heading">
         <h2 class="panel-title"><span class="fa-fw fa-file-text"></span> {{t 'logs'}}</h2>
     </div>
-    <div class="panel-body">
+    <div class="panel-body overflow-auto">
         <table>
             <tr>
                 <td> <!-- no indent because pre is sensible to whitespaces -->
 <pre>{{#logs}}{{datetime}}
 {{/logs}}</pre>
                 </td>
-                <td> <!-- no indent because pre is sensible to whitespaces -->
-<pre>{{#logs}}{{{line}}}
+                <td class="full-width"> <!-- no indent because pre is sensible to whitespaces -->
+<pre class="full-width">{{#logs}}{{{line}}}
 {{/logs}}</pre>
                 </td>
             </tr>