backgroundDefault already include the wrapper for left right and top

src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx

 import BeasyLogoIcon from "@components/BeasyLogoIcon";
 import WrapperTopEdgeCurved from "@components/WrapperTopEdgeCurved";
 import Box from "@components/bases/Box";
-import SafeAreaViewTopLeftRightFull from "@components/containers/SafeAreaViewTopLeftRightFull";
 import type { ReactElement } from "react";
 import BackgroundDefault from "./BackgroundDefault";
 
 const BackgroundWithBeasyIconAndWhiteContentArea = ({ children }: { children?: ReactElement }) => {
 	return (
 		<BackgroundDefault>
-			<SafeAreaViewTopLeftRightFull>
 			<Box
 				px={"l"}
 				flexDirection={"row"}
@@ -19,7 +17,6 @@ const BackgroundWithBeasyIconAndWhiteContentArea = ({ children }: { children?: R
 				<BeasyLogoIcon />
 			</Box>
 			<WrapperTopEdgeCurved>{children}</WrapperTopEdgeCurved>
-			</SafeAreaViewTopLeftRightFull>
 		</BackgroundDefault>
 	);
 };