diff --git a/apps/client/src/common/components/input/colour-input/Swatch.tsx b/apps/client/src/common/components/input/colour-input/Swatch.tsx
index 9c192afed..f04272d59 100644
--- a/apps/client/src/common/components/input/colour-input/Swatch.tsx
+++ b/apps/client/src/common/components/input/colour-input/Swatch.tsx
@@ -17,7 +17,7 @@ export default function Swatch(props: SwatchProps) {
 
   if (!color) {
     return (
-      <div className={`${classes} ${style.center}`}>
+      <div className={`${classes} ${style.center}`} onClick={() => onClick('')}>
         <IoBan />
       </div>
     );