diff --git a/example/src/examples/Annotations/PointAnnotationAnchors.js b/example/src/examples/Annotations/PointAnnotationAnchors.js
index 4184e9e524..87d9a6f1c2 100644
--- a/example/src/examples/Annotations/PointAnnotationAnchors.js
+++ b/example/src/examples/Annotations/PointAnnotationAnchors.js
@@ -81,7 +81,7 @@ const PointAnnotationAnchors = (props) => {
           coordinate={p.coordinate}
           anchor={p.anchor}
         >
-          <View style={styles.small} collapsable={false}>
+          <View style={styles.small}>
             <Text style={[styles.text, { color: 'white' }]}>
               x={p.anchor.x.toPrecision(2)}, y={p.anchor.y.toPrecision(2)}
             </Text>
@@ -103,7 +103,7 @@ const PointAnnotationAnchors = (props) => {
             coordinate={p.coordinate}
             anchor={p.anchor}
           >
-            <View style={[styles.large, p.containerStyle]} collapsable={false}>
+            <View style={[styles.large, p.containerStyle]}>
               <View
                 style={{
                   height: ANNOTATION_SIZE * 2,
diff --git a/src/components/PointAnnotation.tsx b/src/components/PointAnnotation.tsx
index cf8c6f5750..3c889e042a 100644
--- a/src/components/PointAnnotation.tsx
+++ b/src/components/PointAnnotation.tsx
@@ -1,5 +1,5 @@
 import React, { type SyntheticEvent, type Component } from 'react';
-import { StyleSheet, type ViewProps } from 'react-native';
+import { StyleSheet, View, type ViewProps } from 'react-native';
 import {
   type Feature,
   type GeoJsonProperties,
@@ -16,6 +16,7 @@ import RNMBXPointAnnotationNativeComponent from '../specs/RNMBXPointAnnotationNa
 import NativeRNMBXPointAnnotationModule from '../specs/NativeRNMBXPointAnnotationModule';
 
 import NativeBridgeComponent, { type RNMBEvent } from './NativeBridgeComponent';
+import Callout from './Callout';
 
 export const NATIVE_MODULE_NAME = 'RNMBXPointAnnotation';
 
@@ -235,10 +236,17 @@ class PointAnnotation extends NativeBridgeComponent(
       onMapboxPointAnnotationDragEnd: this._onDragEnd,
       coordinate: this._getCoordinate(),
     };
+    const children = React.Children.toArray(this.props.children);
+    const callout = children.find(
+      (c) => React.isValidElement(c) && c.type === Callout,
+    );
+    const content = children.filter((c) => c !== callout);
+
     return (
       // @ts-expect-error just codegen stuff
       <RNMBXPointAnnotationNativeComponent {...props}>
-        {this.props.children}
+        <View collapsable={false}>{content}</View>
+        {callout}
       </RNMBXPointAnnotationNativeComponent>
     );
   }