diff --git a/src/components/containers/SafeAreaViewTopLeftRightFull.tsx b/src/components/containers/SafeAreaViewTopLeftRightFull.tsx
new file mode 100644
index 0000000..4454c82
--- /dev/null
+++ b/src/components/containers/SafeAreaViewTopLeftRightFull.tsx
@@ -0,0 +1,21 @@
+import Box from "@components/bases/Box";
+import type React from "react";
+import {} from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+const SafeAreaViewTopLeftRightFull = ({ children }: { children: React.ReactNode }) => {
+	return (
+		<SafeAreaView edges={["top", "left", "right"]}>
+			<Box
+				style={{
+					height: "100%",
+					width: "100%",
+				}}
+			>
+				{children}
+			</Box>
+		</SafeAreaView>
+	);
+};
+
+export default SafeAreaViewTopLeftRightFull;