diff --git a/src/container/ZoomPane/index.tsx b/src/container/ZoomPane/index.tsx
index e36a95e6..a1b96a8f 100644
--- a/src/container/ZoomPane/index.tsx
+++ b/src/container/ZoomPane/index.tsx
@@ -108,8 +108,8 @@ const ZoomPane = ({
 
             d3Zoom.translateBy(
               d3Selection,
-              (deltaX / currentZoom) * panOnScrollSpeed,
-              (deltaY / currentZoom) * panOnScrollSpeed
+              -(deltaX / currentZoom) * panOnScrollSpeed,
+              -(deltaY / currentZoom) * panOnScrollSpeed
             );
           })
           .on('wheel.zoom', null);