diff --git a/client/components/modals/Modal.vue b/client/components/modals/Modal.vue
index 211da673..5ba357c6 100644
--- a/client/components/modals/Modal.vue
+++ b/client/components/modals/Modal.vue
@@ -6,7 +6,7 @@
       <span class="material-icons text-4xl">close</span>
     </div>
     <slot name="outer" />
-    <div ref="content" style="min-width: 400px; min-height: 200px" class="relative text-white" :style="{ height: modalHeight, width: modalWidth, marginTop: contentMarginTop + 'px' }" v-click-outside="clickBg">
+    <div ref="content" style="min-width: 400px; min-height: 200px" class="relative text-white" :style="{ height: modalHeight, width: modalWidth, marginTop: contentMarginTop + 'px' }" @mousedown="mousedownModal" @mouseup="mouseupModal" v-click-outside="clickBg">
       <slot />
       <div v-if="processing" class="absolute top-0 left-0 right-0 bottom-0 w-full h-full bg-black bg-opacity-60 rounded-lg flex items-center justify-center">
         <ui-loading-indicator />
@@ -49,7 +49,8 @@ export default {
   data() {
     return {
       el: null,
-      content: null
+      content: null,
+      preventClickoutside: false
     }
   },
   watch: {
@@ -82,10 +83,20 @@ export default {
     }
   },
   methods: {
+    mousedownModal() {
+      this.preventClickoutside = true
+    },
+    mouseupModal() {
+      this.preventClickoutside = false
+    },
     clickClose() {
       this.show = false
     },
     clickBg(ev) {
+      if (this.preventClickoutside) {
+        this.preventClickoutside = false
+        return
+      }
       if (this.processing && this.persistent) return
       if (ev.srcElement.classList.contains('modal-bg')) {
         this.show = false