diff --git a/src/container/ZoomPane/index.tsx b/src/container/ZoomPane/index.tsx
index 8b7e5000..1c9da121 100644
--- a/src/container/ZoomPane/index.tsx
+++ b/src/container/ZoomPane/index.tsx
@@ -71,6 +71,9 @@ const ZoomPane = ({
       if (panOnScroll) {
         d3Selection
           .on('wheel', (event: any) => {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+
             const currentZoom = d3Selection.property('__zoom').k || 1;
 
             d3Zoom.translateBy(