diff --git a/src/lib/SideBars/Sidebar.svelte b/src/lib/SideBars/Sidebar.svelte
index bf02c3d9..d148197f 100644
--- a/src/lib/SideBars/Sidebar.svelte
+++ b/src/lib/SideBars/Sidebar.svelte
@@ -46,6 +46,7 @@
   let sideBarMode = 0;
   let editMode = false;
   let menuMode = 0;
+  let dragable = navigator.maxTouchPoints <= 1
   export let openGrid = () => {};
 
   function createScratch() {
diff --git a/src/main.ts b/src/main.ts
index 6a4eff63..69d21f96 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,7 +5,14 @@ import { loadData } from "./ts/globalApi";
 import { ReadableStream, WritableStream, TransformStream } from "web-streams-polyfill/ponyfill/es2018";
 import { Buffer as BufferPolyfill } from 'buffer'
 import { initHotkey } from "./ts/hotkey";
-import './js/DragDropTouch'
+import {polyfill as dragDropPolyfil} from "mobile-drag-drop";
+import {scrollBehaviourDragImageTranslateOverride} from "mobile-drag-drop/scroll-behaviour";
+
+dragDropPolyfil({
+  // use this to make use of the scroll behaviour
+  dragImageTranslateOverride: scrollBehaviourDragImageTranslateOverride,
+  forceApply: navigator.maxTouchPoints > 0,
+});
 
 //Polyfills
 declare var Buffer: typeof BufferPolyfill;