diff --git a/tests/frontend/runner.css b/tests/frontend/runner.css
index ce158b818..66d3283ca 100644
--- a/tests/frontend/runner.css
+++ b/tests/frontend/runner.css
@@ -6,6 +6,9 @@ body {
   padding: 0px;
   margin: 0px;
   height: 100%;
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
 }
 
 #console {
@@ -14,33 +17,30 @@ body {
 
 #iframe-container {
   width: 50%;
+  min-width: 820px;
   height: 100%;
 }
 
 #iframe-container iframe {
   height: 100%;
-  position:absolute;
-  min-width:500px;
-  max-width:800px;
-  left:50%;
   width:100%;
 }
 
 #mocha {
   font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
   border-right: 2px solid #999;
-  width: 50%;
+  flex: 1 auto;
   height: 100%;
-  position: absolute;
   overflow: auto;
-  float:left;
 }
 
 #mocha #report {
-  margin-top: 50px;
+  margin: 0;
+  padding: 0;
+  margin-top: 10px;
 }
 
-#mocha ul, #mocha li {
+#mocha li {
   margin: 0;
   padding: 0;
 }
@@ -175,6 +175,10 @@ body {
   -webkit-box-shadow: 0 1px 3px #eee;
 }
 
+#report ul {
+  padding: 0;
+}
+
 #report.pass .test.fail {
   display: none;
 }
@@ -191,12 +195,11 @@ body {
 }
 
 #stats {
-  position: fixed;
-  top: 15px;
-  right: 52%;
+  padding: 10px;
   font-size: 12px;
   margin: 0;
   color: #888;
+  text-align: right;
 }
 
 #stats .progress {