diff --git a/src/root/plain-reload.tt b/src/root/plain-reload.tt
index f078b6aa..c6ab6830 100644
--- a/src/root/plain-reload.tt
+++ b/src/root/plain-reload.tt
@@ -9,11 +9,25 @@
 
 [% IF reload %]
 <script>
- $(document).ready(function() {
-     $("#contents").load("[% url %]");
-   var refreshId = setInterval(function() {
-      $("#contents").load("[% url %]");
-   }, 5000);
+function scrollDown() {
+    $("#contents").scrollTop($("#contents").get(0).scrollHeight);
+}
+
+function injectTail() {
+    $.ajax({
+        url: "[% url %]",
+        dataType: "text",
+        success: function (tail) {
+            $("#contents").text(tail);
+            scrollDown();
+        }
+    });
+}
+
+$(document).ready(function() {
+    scrollDown();
+    injectTail();
+    setInterval(injectTail, 5000);
 });
 </script>
 [% END %]
diff --git a/src/root/static/css/hydra.css b/src/root/static/css/hydra.css
index d55dcd7c..d8f848bb 100644
--- a/src/root/static/css/hydra.css
+++ b/src/root/static/css/hydra.css
@@ -119,3 +119,9 @@ span.keep-whitespace {
 .build-status {
     max-width: none; /* don't apply responsive design to status images */
 }
+
+pre.taillog {
+    line-height: 1.2em;
+    max-height: 60em;
+    overflow: hidden;
+}