diff --git a/src/components/wrappers/WrapperWithDefaultBeasyBackgroundAndSafeAreaFull.tsx b/src/components/wrappers/WrapperWithDefaultBeasyBackgroundAndSafeAreaFull.tsx
new file mode 100644
index 0000000..052d0e2
--- /dev/null
+++ b/src/components/wrappers/WrapperWithDefaultBeasyBackgroundAndSafeAreaFull.tsx
@@ -0,0 +1,15 @@
+import BeasyDefaultBackground from "@components/backgrounds/BeasyDefaultBackground";
+import type React from "react";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+type Props = { children: React.ReactNode };
+
+const WrapperWithDefaultBeasyBackgroundAndSafeAreaFull = ({ children }: Props) => {
+	return (
+		<BeasyDefaultBackground>
+			<SafeAreaView edges={["top", "bottom", "left", "right"]}>{children}</SafeAreaView>
+		</BeasyDefaultBackground>
+	);
+};
+
+export default WrapperWithDefaultBeasyBackgroundAndSafeAreaFull;