diff --git a/src/components/left/settings/SettingsGeneralBackgroundColor.scss b/src/components/left/settings/SettingsGeneralBackgroundColor.scss
index ecd2406b..ae3da184 100644
--- a/src/components/left/settings/SettingsGeneralBackgroundColor.scss
+++ b/src/components/left/settings/SettingsGeneralBackgroundColor.scss
@@ -10,6 +10,7 @@
   .color-picker {
     margin-top: 1rem;
     height: 12rem;
+    touch-action: none;
   }
 
   .hue-picker {
diff --git a/src/util/captureEvents.ts b/src/util/captureEvents.ts
index 6fd856e9..b5fedec2 100644
--- a/src/util/captureEvents.ts
+++ b/src/util/captureEvents.ts
@@ -122,6 +122,7 @@ export function captureEvents(element: HTMLElement, options: CaptureOptions) {
       }
 
       if (options.onDrag) {
+        e.preventDefault();
         options.onDrag(e, captureEvent, { dragOffsetX, dragOffsetY });
       }