diff --git a/static/css/main.css b/static/css/main.css
index ef5bc95ef..9e7e36a65 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -265,7 +265,7 @@ div.tooltip {
 
 .focus-range li {
     display: inline-block;
-    font-size: 14px;
+    font-size: 18px;
     white-space: nowrap;
     border-radius: 5px;
     border: 2px solid #000;
@@ -308,6 +308,7 @@ div.tooltip {
     .time {
         font-size: 70px;
         line-height: 60px;
+        padding-top: 8px;
     }
 
     .timeOther {
@@ -323,6 +324,10 @@ div.tooltip {
         margin: 0;
     }
 
+    .focus-range li {
+        font-size: 14px;
+    }
+
     #silenceBtn * {
         font-size: 30px;
     }
diff --git a/static/js/client.js b/static/js/client.js
index c2d3c5c95..8d07beb5d 100644
--- a/static/js/client.js
+++ b/static/js/client.js
@@ -949,7 +949,7 @@ var app = {}, browserSettings = {}, browserStorage = $.localStorage;
             brushed(true);
         } else {
             updateBrush
-                .call(brush.extent([currentBrushExtent[0], currentBrushExtent[1]]));
+                .call(brush.extent([new Date(currentBrushExtent[1].getTime() - foucusRangeMS), currentBrushExtent[1]]));
             brushed(true);
         }