diff --git a/packages/react-native-sdk/src/components/Call/CallContent/CallContent.tsx b/packages/react-native-sdk/src/components/Call/CallContent/CallContent.tsx
index bcd0a194ba..0b3125df63 100644
--- a/packages/react-native-sdk/src/components/Call/CallContent/CallContent.tsx
+++ b/packages/react-native-sdk/src/components/Call/CallContent/CallContent.tsx
@@ -136,7 +136,12 @@ export const CallContent = ({
   return (
     <View style={[styles.container, callContent.container]}>
       <View style={[styles.container, callContent.callParticipantsContainer]}>
-        <View style={[styles.view, callContent.topContainer]}>
+        <View
+          style={[styles.view, callContent.topContainer]}
+          // "box-none" disallows the container view to be not take up touches
+          // and allows only the top and floating view (its child views) to take up the touches
+          pointerEvents="box-none"
+        >
           {CallTopView && (
             <CallTopView
               onBackPressed={onBackPressed}