diff --git a/dashboard/css/app.css b/dashboard/css/app.css
index bac1e32..7808121 100644
--- a/dashboard/css/app.css
+++ b/dashboard/css/app.css
@@ -73,6 +73,9 @@ body {
 .axis {
     stroke: #888;
 }
+    .axis.light {
+        stroke: #ddd;
+    }
 .arrow {
     stroke: #888;
     fill: #888;
diff --git a/dashboard/js/app.jsx b/dashboard/js/app.jsx
index fae61cb..df35b79 100644
--- a/dashboard/js/app.jsx
+++ b/dashboard/js/app.jsx
@@ -221,15 +221,15 @@ var BoxPlot = React.createClass({
             <div className="boxplot">
                 <svg>
                     <text key="title" x={-70} y={10} textAnchor="middle" transform="rotate(270)" className="axis-label">Speed</text>
-                    {this.props.points.map(renderBox)}
                     <line key="y-axis" x1={padLeft} x2={padLeft} y1={0} y2={maxHeight} className="axis" />
                     <path key="y-arrow" d="M30,0 32,7 28,7 Z" className="arrow" />
                     <text key="y-max" x={yMaxX} y={yMaxY} textAnchor="end"className="axis-label">{max.toFixed(1)}</text>
                     <text key="y-zero" x={27} y={140} textAnchor="end" className="axis-label">0</text>
-                    <line key="x-axis" x1={padLeft} x2={950} y1={maxHeight} y2={maxHeight} className="axis" />
+                    <line key="x-axis" x1={padLeft} x2={950} y1={maxHeight} y2={maxHeight} className="axis light" />
                     <path key="x-arrow" d="M950,140 943,142 943,138 Z" className="arrow" />
                     <text key="x-label-now" x={940} y={chartHeight - padBottom} textAnchor="end" className="axis-label">now</text>
                     {xlabels}
+                    {this.props.points.map(renderBox)}
                 </svg>
             </div>
         );