diff --git a/packages/core/src/components/Portal/PortalHost.tsx b/packages/core/src/components/Portal/PortalHost.tsx
index cec0a8e7f..861980e23 100644
--- a/packages/core/src/components/Portal/PortalHost.tsx
+++ b/packages/core/src/components/Portal/PortalHost.tsx
@@ -136,6 +136,6 @@ export default class PortalHost extends React.Component<Props> {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    pointerEvents: "none",
+    pointerEvents: "box-none",
   },
 });
diff --git a/packages/core/src/components/Portal/PortalManager.tsx b/packages/core/src/components/Portal/PortalManager.tsx
index 8ce051259..8dcbae8dd 100644
--- a/packages/core/src/components/Portal/PortalManager.tsx
+++ b/packages/core/src/components/Portal/PortalManager.tsx
@@ -44,7 +44,7 @@ export default class PortalManager extends React.PureComponent<object, State> {
         collapsable={
           false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */
         }
-        style={[StyleSheet.absoluteFill, { pointerEvents: "none" }]}
+        style={[StyleSheet.absoluteFill, { pointerEvents: "box-none" }]}
       >
         {children}
       </View>