diff --git a/apps/common/main/lib/component/HSBColorPicker.js b/apps/common/main/lib/component/HSBColorPicker.js
index d6f1d4863..8bf31b714 100644
--- a/apps/common/main/lib/component/HSBColorPicker.js
+++ b/apps/common/main/lib/component/HSBColorPicker.js
@@ -55,7 +55,6 @@ define([
                     '<% } %>'+
                     '<div>'+
                         '<div class="cnt-hb img-colorpicker">'+
-                            //'<div class="cnt-hb-arrow img-colorpicker"></div>'+
                             '<div class="cnt-hb-arrow"></div>'+
                         '</div>'+
                         '<% if (this.changeSaturation) { %>'+
@@ -127,10 +126,8 @@ define([
                     previewColorText[0].innerHTML = (me.color == 'transparent') ? me.textNoColor : me.color.toUpperCase();
 
                 if (arrowSatBrightness.length>0 && arrowHue.length>0) {
-                    arrowSatBrightness.css('left', saturationVal + '%');
-                    arrowSatBrightness.css('top', 100 - brightnessVal + '%');
+                    arrowSatBrightness.css('left', saturationVal + '%').css('top', 100 - brightnessVal + '%').css({'background-color' : me.color});
                     arrowHue.css('top', parseInt(hueVal * 100 / 360.0) + '%');
-                    arrowSatBrightness.css({'background-color' : me.color});
                 }
             };
 
diff --git a/apps/common/main/resources/less/hsb-colorpicker.less b/apps/common/main/resources/less/hsb-colorpicker.less
index 193d7221e..526418eec 100644
--- a/apps/common/main/resources/less/hsb-colorpicker.less
+++ b/apps/common/main/resources/less/hsb-colorpicker.less
@@ -32,8 +32,7 @@
 
     .cnt-hb {
         display: inline-block;
-        //overflow: hidden;
-        width: 196px;
+        width: 195px;
         height: 196px;
         position: relative;
         background-position: 0 0;
@@ -50,13 +49,11 @@
         width: 12px;
         height: 100%;
         position: relative;
-        background-position: -196px 0;
-    }
-    .radius(@parametr){
-        border-radius: @parametr;
-        -moz-border-radius: @parametr;
-        -webkit-border-radius: @parametr;
+        border: @scaled-one-px-value-ie solid @border-regular-control-ie;
+        border: @scaled-one-px-value solid @border-regular-control;
+        background-position: -195px 0;
     }
+
     .cnt-hb-arrow {
         display:  block;
         width: 12px;
@@ -65,7 +62,7 @@
         position: absolute;
         border: @scaled-one-px-value-ie solid #000;
         border: @scaled-one-px-value solid #000;
-        .radius(50%);
+        .border-radius(50%);
         &:after{
             content: ' ';
             position: absolute;
@@ -73,11 +70,8 @@
             height: 100%;
             border: @scaled-one-px-value-ie solid #fff;
             border: @scaled-one-px-value solid #fff;
-            .radius(50%);
+            .border-radius(50%);
         }
-
-
-       // background-position: 0 -196px;
     }
 
     .cnt-sat-arrow {