diff --git a/client/app/assets/less/redash/query.less b/client/app/assets/less/redash/query.less
index 157c8b6823..8b58e80c15 100644
--- a/client/app/assets/less/redash/query.less
+++ b/client/app/assets/less/redash/query.less
@@ -172,6 +172,12 @@ edit-in-place p.editable:hover {
   }
 }
 
+.query-log-line {
+  font-family: monospace;
+  white-space: pre;
+  margin: 0;
+}
+
 .paginator-container {
   text-align: center;
 }
diff --git a/client/app/pages/queries/query.html b/client/app/pages/queries/query.html
index 1333e10ed1..842b319550 100644
--- a/client/app/pages/queries/query.html
+++ b/client/app/pages/queries/query.html
@@ -224,7 +224,7 @@ <h3>
                 <div class="d-flex flex-column p-absolute static-position__mobile" style="left: 0; top: 0; right: 0; bottom: 0;">
                   <div class="p-10" ng-show="showLog">
                     <p>Log Information:</p>
-                    <p ng-repeat="l in queryResult.getLog()">{{l}}</p>
+                    <p class="query-log-line" ng-repeat="l in queryResult.getLog()">{{l}}</p>
                   </div>
                   <ul class="tab-nav">
                     <rd-tab ng-if="!query.visualizations.length" tab-id="table" name="Table" base-path="query.getUrl(sourceMode)"></rd-tab>