diff --git a/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker.png b/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker.png
index 7f1ed41308..e178f5d2f5 100644
Binary files a/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker.png and b/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker.png differ
diff --git a/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.25x.png b/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.25x.png
new file mode 100644
index 0000000000..1e51931d6b
Binary files /dev/null and b/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.25x.png differ
diff --git a/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.5x.png b/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.5x.png
index 09e7704a50..f0abef52e9 100644
Binary files a/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.5x.png and b/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.5x.png differ
diff --git a/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.75x.png b/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.75x.png
new file mode 100644
index 0000000000..5a5d5d3d2d
Binary files /dev/null and b/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.75x.png differ
diff --git a/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@2x.png b/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@2x.png
index efc182356d..9a7a3a2c13 100644
Binary files a/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@2x.png and b/apps/common/main/resources/img/hsbcolorpicker/hsb-colorpicker@2x.png differ
diff --git a/apps/common/main/resources/less/hsb-colorpicker.less b/apps/common/main/resources/less/hsb-colorpicker.less
index dfefc37c0d..9963fc5337 100644
--- a/apps/common/main/resources/less/hsb-colorpicker.less
+++ b/apps/common/main/resources/less/hsb-colorpicker.less
@@ -49,7 +49,7 @@
     }
 
     .cnt-sat {
-        width: 10px;
+        width: 15px;
         height: 100%;
         position: relative;
         border: @scaled-one-px-value-ie solid @border-regular-control-ie;
@@ -58,21 +58,22 @@
     }
 
     .cnt-hb-arrow {
-        width: 9px;
-        height: 9px;
-        margin: -4px;
+        width: 12px;
+        height: 12px;
+        margin: -6px;
+        margin-left: calc(-6*@scaled-one-px-value);
         position: absolute;
         background-position: 0 -196px;
     }
 
     .cnt-sat-arrow {
-        width: 14px;
-        height: 9px;
-        margin-top: -4px;
+        width: 23px;
+        height: 12px;
+        margin-top: -6px;
         margin-left: -3px;
         margin-left: calc(-2px - @scaled-one-px-value);
         position: absolute;
-        background-position: -11px -196px;
+        background-position: -12px -196px;
     }
 
     .empty-color {