diff --git a/app/components/InputColor.tsx b/app/components/InputColor.tsx
index 271c60088..2afe75973 100644
--- a/app/components/InputColor.tsx
+++ b/app/components/InputColor.tsx
@@ -27,7 +27,7 @@ const InputColor: React.FC<Props> = ({ value, onChange, ...rest }) => {
     <Relative>
       <Input
         value={value}
-        onChange={(event) => onChange(event.target.value)}
+        onChange={(event) => onChange(event.target.value.replace(/^#?/, "#"))}
         placeholder="#"
         maxLength={7}
         {...rest}