diff --git a/src/dat/controllers/NumberControllerBox.js b/src/dat/controllers/NumberControllerBox.js
index 6ae574d..a6dd97f 100644
--- a/src/dat/controllers/NumberControllerBox.js
+++ b/src/dat/controllers/NumberControllerBox.js
@@ -85,7 +85,9 @@ define([
     }
 
     function onMouseDrag(e) {
-
+      
+      document.activeElement.blur();
+      
       var diff = prev_y - e.clientY;
       _this.setValue(_this.getValue() + diff * _this.__impliedStep);
 
@@ -114,7 +116,7 @@ define([
       {
 
         updateDisplay: function() {
-
+          if (dom.isActive(this.__input)) return;
           this.__input.value = this.__truncationSuspended ? this.getValue() : roundToDecimal(this.getValue(), this.__precision);
           return NumberControllerBox.superclass.prototype.updateDisplay.call(this);
         }
diff --git a/src/dat/controllers/NumberControllerSlider.js b/src/dat/controllers/NumberControllerSlider.js
index 6794008..0de5c93 100644
--- a/src/dat/controllers/NumberControllerSlider.js
+++ b/src/dat/controllers/NumberControllerSlider.js
@@ -55,7 +55,9 @@ function(NumberController, dom, css, common, styleSheet) {
     dom.addClass(this.__foreground, 'slider-fg');
 
     function onMouseDown(e) {
-
+      
+      document.activeElement.blur();
+      
       dom.bind(window, 'mousemove', onMouseDrag);
       dom.bind(window, 'mouseup', onMouseUp);
 
diff --git a/src/dat/gui/style.css b/src/dat/gui/style.css
index e53790d..5d7a400 100644
--- a/src/dat/gui/style.css
+++ b/src/dat/gui/style.css
@@ -273,7 +273,8 @@
     background: #303030;
     cursor: ew-resize; }
   .dg .c .slider-fg {
-    background: #2fa1d6; }
+    background: #2fa1d6;
+    max-width: 100%; }
   .dg .c .slider:hover {
     background: #3c3c3c; }
     .dg .c .slider:hover .slider-fg {