diff --git a/package.json b/package.json
index ca56c300..8e2b92c1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-country-picker-modal",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "react-native country picker",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -66,6 +66,7 @@
     "babel-preset-expo": "^9.5.2",
     "eslint": "^8.50.0",
     "eslint-config-prettier": "^9.0.0",
+     "react-native-safe-area-context": "~5.6.0",
     "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-jsdoc": "^46.8.2",
     "eslint-plugin-prefer-arrow": "^1.2.3",
diff --git a/src/CountryModal.tsx b/src/CountryModal.tsx
index 68a7e058..add43696 100644
--- a/src/CountryModal.tsx
+++ b/src/CountryModal.tsx
@@ -1,9 +1,10 @@
 import * as React from 'react'
-import { ModalProps, SafeAreaView, StyleSheet, Platform } from 'react-native'
+import { ModalProps, StyleSheet, Platform } from 'react-native'
 import { AnimatedModal } from './AnimatedModal'
 import { Modal } from './Modal'
 import { useTheme } from './CountryTheme'
 import { CountryModalContext } from './CountryModalProvider'
+import { SafeAreaView } from "react-native-safe-area-context";
 
 const styles = StyleSheet.create({
   container: {