diff --git a/src/css/widget/singleslider/slider/widget.css b/src/css/widget/singleslider/slider/widget.css
index a11e22c07..bae0740e9 100644
--- a/src/css/widget/singleslider/slider/widget.css
+++ b/src/css/widget/singleslider/slider/widget.css
@@ -6,8 +6,8 @@
   -moz-border-radius: 8px;
   border-radius: 8px;
   background-color: #ffffff;
-  height: 16px;
-  width: 16px;
+  height: 12px;
+  width: 12px;
   top: 6px;
   left: -8px;
 }
@@ -17,8 +17,8 @@
   -moz-border-radius: 10px;
   border-radius: 10px;
   background-color: #f7f8fa;
-  width: 20px;
-  height: 20px;
+  width: 16px;
+  height: 16px;
   top: 4px;
   left: -10px;
 }
@@ -28,8 +28,8 @@
 .bi-single-slider-button .slider-button.disabled:hover,
 .bi-single-slider-button .slider-button.disabled.hover {
   background-color: #f7f8fa;
-  width: 16px;
-  height: 16px;
+  width: 12px;
+  height: 12px;
   top: 6px;
   left: -8px;
 }
diff --git a/src/less/widget/singleslider/slider/widget.slider.less b/src/less/widget/singleslider/slider/widget.slider.less
index b2b86fb12..745994c4c 100644
--- a/src/less/widget/singleslider/slider/widget.slider.less
+++ b/src/less/widget/singleslider/slider/widget.slider.less
@@ -7,15 +7,15 @@
     border-style: solid;
     .border-radius(8px);
     background-color: @color-bi-background-default;
-    height: 16px;
-    width: 16px;
+    height: 12px;
+    width: 12px;
     top: 6px;
     left: -8px;
     &:hover, &.hover {
       .border-radius(10px);
       background-color: @color-bi-background-normal;
-      width: 20px;
-      height: 20px;
+      width: 16px;
+      height: 16px;
       top: 4px;
       left: -10px;
     }
@@ -23,8 +23,8 @@
       border-color: @color-bi-border-disabled;
       &:hover, &.hover {
         background-color: @color-bi-background-normal;
-        width: 16px;
-        height: 16px;
+        width: 12px;
+        height: 12px;
         top: 6px;
         left: -8px;
       }
diff --git a/src/widget/singleslider/button/iconbutton.slider.js b/src/widget/singleslider/button/iconbutton.slider.js
index c1ee7fbe7..c46fe4a0d 100644
--- a/src/widget/singleslider/button/iconbutton.slider.js
+++ b/src/widget/singleslider/button/iconbutton.slider.js
@@ -23,7 +23,7 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
             },
             items: [{
                 el: {
-                    type: "bi.text",
+                    type: "bi.text_button",
                     cls: "slider-button bi-high-light-border",
                     ref: function () {
                         self.slider = this;