diff --git a/frontend/src/app/main/ui/workspace/colorpicker.cljs b/frontend/src/app/main/ui/workspace/colorpicker.cljs
index b80536e2c..3c1cd04de 100644
--- a/frontend/src/app/main/ui/workspace/colorpicker.cljs
+++ b/frontend/src/app/main/ui/workspace/colorpicker.cljs
@@ -159,9 +159,13 @@
 
         on-select-library-color
         (mf/use-fn
+         (mf/deps data handle-change-color)
          (fn [_ color]
-           (st/emit! (dc/apply-color-from-colorpicker color))
-           (on-change color)))
+           (if (and (some? (:color color)) (some? (:gradient data)))
+             (handle-change-color {:hex (:color color) :alpha (:opacity color)})
+             (do
+               (st/emit! (dc/apply-color-from-colorpicker color))
+               (on-change color)))))
 
         on-add-library-color
         (mf/use-fn