diff --git a/src/index.html b/src/index.html
index 62f210c6..8fbe66d5 100755
--- a/src/index.html
+++ b/src/index.html
@@ -677,6 +677,10 @@ <h3>Settings</h3>
       },
       true
     );
+    // fix for ipad pinch zoom/dragging breaking the ui
+    document.addEventListener('touchmove', function (event) {
+      event.preventDefault();
+    }, { passive: false });
   </script>
 </body>
 
diff --git a/src/scss/style.css b/src/scss/style.css
index ace2d909..84a2eeac 100644
--- a/src/scss/style.css
+++ b/src/scss/style.css
@@ -7,11 +7,20 @@
 }
 /* --- ROOT CSS --- */
 body {
-  overflow: hidden;
   -webkit-user-select: none;
   line-height: 1.6em;
 }
 
+html, body {
+  overflow:hidden;
+  /* fix for ipad touch interactions breaking pannning */
+  overscroll-behavior: none;
+  overscroll-behavior-y: contain;
+  overscroll-behavior-x: contain;
+  -webkit-text-size-adjust: none;
+	touch-action: pan-y;
+}
+
 h1,
 h2,
 h3,