diff --git a/tests/frontend/runner.css b/tests/frontend/runner.css
index 91c7431f7..0e4b5fd13 100644
--- a/tests/frontend/runner.css
+++ b/tests/frontend/runner.css
@@ -188,9 +188,9 @@ body {
 }
 
 #stats {
-  position: absolute;
+  position: fixed;
   top: 15px;
-  right: 10px;
+  right: 52%;
   font-size: 12px;
   margin: 0;
   color: #888;
diff --git a/tests/frontend/runner.js b/tests/frontend/runner.js
index 0a5491f98..1679664bf 100644
--- a/tests/frontend/runner.js
+++ b/tests/frontend/runner.js
@@ -58,6 +58,13 @@ $(function(){
   var WebdriverAndHtmlReporter = function(html_reporter){
     return function(runner){
       Base.call(this, runner);
+
+      // Scroll down test display after each test
+      mocha = $('#mocha')[0];
+      runner.on('test', function(){
+        mocha.scrollTop = mocha.scrollHeight;
+      });
+
       //initalize the html reporter first
       html_reporter(runner);