diff --git a/client/src/components/multiColorPicker.tsx b/client/src/components/multiColorPicker.tsx
index 23c49c5..ef84e50 100644
--- a/client/src/components/multiColorPicker.tsx
+++ b/client/src/components/multiColorPicker.tsx
@@ -53,12 +53,10 @@ export function MultiColorPicker(props: {
       }
     >
       <ColorPicker
-        format="hex"
         value={value}
-        onChange={(_, newHex) => {
+        onChange={(clr) => {
           if (props.onChange) {
-            newHex = newHex.replace("#", "");
-            props.onChange(values.map((v, i) => (i === idx ? newHex : v)).join(","));
+            props.onChange(values.map((v, i) => (i === idx ? clr.toHex() : v)).join(","));
           }
         }}
       />