diff --git a/src/components/audio-trimmer/audio-trimmer.css b/src/components/audio-trimmer/audio-trimmer.css
index dd3b5e9a24307ea5f497e973e7e2b7a48e5d9c70..bfb27c677c7942849436350290e7f0b5402135cb 100644
--- a/src/components/audio-trimmer/audio-trimmer.css
+++ b/src/components/audio-trimmer/audio-trimmer.css
@@ -114,6 +114,7 @@ $hover-scale: 1.25;
     width: $trim-handle-width;
     height: $trim-handle-height;
     right: 0;
+    user-select: none;
 }
 
 .trimmer .trim-handle {
diff --git a/src/containers/audio-selector.jsx b/src/containers/audio-selector.jsx
index 7f2b1e2b28581f726d24cbe153e82446a9055fef..e3eaf3ab3edabc5769a7f199557a214bdc668c38 100644
--- a/src/containers/audio-selector.jsx
+++ b/src/containers/audio-selector.jsx
@@ -62,6 +62,8 @@ class AudioSelector extends React.Component {
 
         this.containerSize = width;
         this.trimEndDragRecognizer.start(e);
+
+        e.preventDefault();
     }
     handleTrimStartMouseMove (currentOffset, initialOffset) {
         const dx = (currentOffset.x - initialOffset.x) / this.containerSize;
@@ -113,6 +115,7 @@ class AudioSelector extends React.Component {
         this.initialTrimStart = this.props.trimStart;
         this.initialTrimEnd = this.props.trimEnd;
         e.stopPropagation();
+        e.preventDefault();
     }
     handleTrimEndMouseDown (e) {
         this.containerSize = this.containerElement.getBoundingClientRect().width;
@@ -120,6 +123,7 @@ class AudioSelector extends React.Component {
         this.initialTrimEnd = this.props.trimEnd;
         this.initialTrimStart = this.props.trimStart;
         e.stopPropagation();
+        e.preventDefault();
     }
     storeRef (el) {
         this.containerElement = el;