diff --git a/cli/src/templates/base/components/Container.tsx.ejs b/cli/src/templates/base/components/Container.tsx.ejs
index 76faf545..ce22f1bd 100644
--- a/cli/src/templates/base/components/Container.tsx.ejs
+++ b/cli/src/templates/base/components/Container.tsx.ejs
@@ -1,4 +1,5 @@
-import { StyleSheet, SafeAreaView } from 'react-native';
+import { StyleSheet } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 export const Container = ({ children }: { children: React.ReactNode }) => {
   return <SafeAreaView style={styles.container}>{children}</SafeAreaView>;
diff --git a/cli/src/templates/packages/nativewindui/components/Container.tsx.ejs b/cli/src/templates/packages/nativewindui/components/Container.tsx.ejs
index 76faf545..ce22f1bd 100644
--- a/cli/src/templates/packages/nativewindui/components/Container.tsx.ejs
+++ b/cli/src/templates/packages/nativewindui/components/Container.tsx.ejs
@@ -1,4 +1,5 @@
-import { StyleSheet, SafeAreaView } from 'react-native';
+import { StyleSheet } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 export const Container = ({ children }: { children: React.ReactNode }) => {
   return <SafeAreaView style={styles.container}>{children}</SafeAreaView>;