diff --git a/package/src/components/UIComponents/BottomSheetModal.tsx b/package/src/components/UIComponents/BottomSheetModal.tsx
index 1131b9af27..3d1953e8a3 100644
--- a/package/src/components/UIComponents/BottomSheetModal.tsx
+++ b/package/src/components/UIComponents/BottomSheetModal.tsx
@@ -119,8 +119,8 @@ export const BottomSheetModal = (props: PropsWithChildren<BottomSheetModalProps>
     });
 
   return (
-    <Modal animationType='fade' onRequestClose={handleDismiss} transparent visible={visible}>
-      <GestureHandlerRootView style={{ flex: 1 }}>
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <Modal animationType='fade' onRequestClose={handleDismiss} transparent visible={visible}>
         <TouchableWithoutFeedback onPress={handleDismiss}>
           <View style={[styles.overlay, { backgroundColor: overlay }, overlayTheme]}>
             <GestureDetector gesture={gesture}>
@@ -143,8 +143,8 @@ export const BottomSheetModal = (props: PropsWithChildren<BottomSheetModalProps>
             </GestureDetector>
           </View>
         </TouchableWithoutFeedback>
-      </GestureHandlerRootView>
-    </Modal>
+      </Modal>
+    </GestureHandlerRootView>
   );
 };