diff --git a/frontend/src/app/main/data/workspace/colors.cljs b/frontend/src/app/main/data/workspace/colors.cljs
index baee0e0a2..0d460babb 100644
--- a/frontend/src/app/main/data/workspace/colors.cljs
+++ b/frontend/src/app/main/data/workspace/colors.cljs
@@ -21,7 +21,6 @@
    [app.main.data.workspace.state-helpers :as wsh]
    [app.main.data.workspace.texts :as dwt]
    [app.main.data.workspace.undo :as dwu]
-   [app.main.store :as st]
    [app.util.color :as uc]
    [beicon.core :as rx]
    [potok.core :as ptk]))
@@ -610,7 +609,7 @@
                                               (materialize-color-components))]))))))))))
 
 (defn select-color
-  [position]
+  [position add-color]
   (ptk/reify ::select-color
     ptk/WatchEvent
     (watch [_ state _]
@@ -635,7 +634,7 @@
         (rx/of (md/show :colorpicker
                  {:x (:x position)
                   :y (:y position)
-                  :on-accept #(st/emit! (dwl/add-color data))
+                  :on-accept add-color
                   :data data
                   :position :right})
           (ptk/event ::ev/event {::ev/name "add-asset-to-library"
diff --git a/frontend/src/app/main/ui/workspace/sidebar/assets.cljs b/frontend/src/app/main/ui/workspace/sidebar/assets.cljs
index c2f26810f..84adf880a 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/assets.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/assets.cljs
@@ -1546,11 +1546,16 @@
 
         read-only?      (mf/use-ctx ctx/workspace-read-only?)
 
+        add-color
+        (mf/use-fn
+          (fn [value _]
+            (st/emit! (dwl/add-color value))))
+
         add-color-clicked
         (mf/use-fn
           (fn [event]
             (let [position (dom/get-client-position event)]
-              (st/emit! (dc/select-color position)))))
+              (st/emit! (dc/select-color position add-color)))))
 
         create-group
         (mf/use-fn