diff --git a/IPython/html/static/widgets/js/widget_int.js b/IPython/html/static/widgets/js/widget_int.js
index 563926498..fac6e3633 100644
--- a/IPython/html/static/widgets/js/widget_int.js
+++ b/IPython/html/static/widgets/js/widget_int.js
@@ -28,7 +28,7 @@ define([
             
             this.$readout = $('<div/>')
                 .appendTo(this.$el)
-                .addClass('widget-hreadout')
+                .addClass('widget-readout')
                 .hide();
 
             this.model.on('change:slider_color', function(sender, value) {
diff --git a/IPython/html/static/widgets/less/widgets.less b/IPython/html/static/widgets/less/widgets.less
index 84244c1d2..5a495167f 100644
--- a/IPython/html/static/widgets/less/widgets.less
+++ b/IPython/html/static/widgets/less/widgets.less
@@ -188,6 +188,7 @@
 .widget-hbox {
     /* Horizontal widgets */
     .hbox();
+    margin: 5px;
 
     input[type="checkbox"] {
         margin-top: 9px;