diff --git a/frontend/resources/styles/main/partials/colorpicker.scss b/frontend/resources/styles/main/partials/colorpicker.scss
index 63f4a0b0a..514fad23d 100644
--- a/frontend/resources/styles/main/partials/colorpicker.scss
+++ b/frontend/resources/styles/main/partials/colorpicker.scss
@@ -196,7 +196,6 @@
   flex-direction: column;
   left: 1400px;
   top: 100px;
-  padding: $small;
   position: absolute;
   z-index: 11;
   width: auto;
diff --git a/frontend/src/uxbox/main/ui/colorpicker.cljs b/frontend/src/uxbox/main/ui/colorpicker.cljs
index 55c754df9..a03213175 100644
--- a/frontend/src/uxbox/main/ui/colorpicker.cljs
+++ b/frontend/src/uxbox/main/ui/colorpicker.cljs
@@ -28,7 +28,7 @@
                             :presetColors colors
                             :onChange on-change-complete
                             :disableAlpha disable-opacity
-                            :style {:box-shadow "none"}}]))
+                            :styles {:default {:picker {:padding "10px"}}}}]))
 
 (def most-used-colors
   (letfn [(selector [{:keys [objects]}]
diff --git a/frontend/src/uxbox/main/ui/workspace/colorpicker.cljs b/frontend/src/uxbox/main/ui/workspace/colorpicker.cljs
index da00f9235..47e516fcc 100644
--- a/frontend/src/uxbox/main/ui/workspace/colorpicker.cljs
+++ b/frontend/src/uxbox/main/ui/workspace/colorpicker.cljs
@@ -16,7 +16,7 @@
 (mf/defc colorpicker-modal
   [{:keys [x y default value opacity page on-change disable-opacity] :as props}]
   [:div.colorpicker-tooltip
-   {:style {:left (str (- x 260) "px")
+   {:style {:left (str (- x 270) "px")
             :top (str (- y 50) "px")}}
    [:& cp/colorpicker {:value (or value default)
                        :opacity (or opacity 1)