diff --git a/src/components/MapView/MapView.tsx b/src/components/MapView/MapView.tsx
index c1dd064127a9..aebd63edf559 100644
--- a/src/components/MapView/MapView.tsx
+++ b/src/components/MapView/MapView.tsx
@@ -3,6 +3,7 @@ import {useFocusEffect} from '@react-navigation/native';
 import Mapbox, {MapState, MarkerView, setAccessToken} from '@rnmapbox/maps';
 import {forwardRef, memo, useCallback, useEffect, useImperativeHandle, useRef, useState} from 'react';
 
+import responder from './responder';
 import utils from './utils';
 import Direction from './Direction';
 import CONST from '../../CONST';
@@ -63,6 +64,8 @@ const MapView = forwardRef<MapViewHandle, MapViewProps>(({accessToken, style, ma
                 styleURL={styleURL}
                 onMapIdle={setMapIdle}
                 pitchEnabled={pitchEnabled}
+                // eslint-disable-next-line
+                {...responder.panHandlers}
             >
                 <Mapbox.Camera
                     ref={cameraRef}
diff --git a/src/components/MapView/MapView.web.tsx b/src/components/MapView/MapView.web.tsx
index 446d375da318..d1b26df8b00e 100644
--- a/src/components/MapView/MapView.web.tsx
+++ b/src/components/MapView/MapView.web.tsx
@@ -7,6 +7,7 @@ import React, {forwardRef, useCallback, useEffect, useImperativeHandle, useState
 import {View} from 'react-native';
 import Map, {MapRef, Marker} from 'react-map-gl';
 
+import responder from './responder';
 import utils from './utils';
 
 import CONST from '../../CONST';
@@ -58,7 +59,11 @@ const MapView = forwardRef<MapViewHandle, MapViewProps>(
         );
 
         return (
-            <View style={style}>
+            <View
+                style={style}
+                // eslint-disable-next-line
+                {...responder.panHandlers}
+            >
                 <Map
                     ref={setRef}
                     mapboxAccessToken={accessToken}
diff --git a/src/components/MapView/responder/index.ios.ts b/src/components/MapView/responder/index.ios.ts
new file mode 100644
index 000000000000..5385a9ecc731
--- /dev/null
+++ b/src/components/MapView/responder/index.ios.ts
@@ -0,0 +1,5 @@
+const responder = {
+    panHandlers: {},
+};
+
+export default responder;
diff --git a/src/components/MapView/responder/index.ts b/src/components/MapView/responder/index.ts
new file mode 100644
index 000000000000..a0fce71d8ef5
--- /dev/null
+++ b/src/components/MapView/responder/index.ts
@@ -0,0 +1,8 @@
+import {PanResponder} from 'react-native';
+
+const responder = PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onPanResponderTerminationRequest: () => false,
+});
+
+export default responder;