diff --git a/app/soapbox/features/soapbox_config/components/color-with-picker.tsx b/app/soapbox/features/soapbox_config/components/color-with-picker.tsx
index 3fac5b9d2..c82e1bf11 100644
--- a/app/soapbox/features/soapbox_config/components/color-with-picker.tsx
+++ b/app/soapbox/features/soapbox_config/components/color-with-picker.tsx
@@ -28,12 +28,14 @@ const ColorWithPicker: React.FC<IColorWithPicker> = ({ buttonId, value, onChange
     setPlacement(isMobile(window.innerWidth) ? 'bottom' : 'right');
   };
 
-  const onToggle: React.MouseEventHandler = () => {
+  const onToggle: React.MouseEventHandler = (e) => {
     if (active) {
       hidePicker();
     } else {
       showPicker();
     }
+
+    e.stopPropagation();
   };
 
   return (