diff --git a/src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx b/src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx
index 775ed91..c52287b 100644
--- a/src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx
+++ b/src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx
@@ -4,7 +4,7 @@ import WrapperTopEdgeCurved from "@components/WrapperTopEdgeCurved";
 import Box from "@components/bases/Box";
 import { useNavigation } from "@react-navigation/native";
 import type { ReactElement } from "react";
-import BackgroundDefault from "./BackgroundDefault";
+import BackgroundDefault from "./BeasyDefaultBackgroundWrapper";
 
 const BackgroundWithBeasyIconAndWhiteContentArea = ({
 	children,
diff --git a/src/components/backgrounds/BackgroundDefault.tsx b/src/components/backgrounds/BeasyDefaultBackgroundWrapper.tsx
similarity index 100%
rename from src/components/backgrounds/BackgroundDefault.tsx
rename to src/components/backgrounds/BeasyDefaultBackgroundWrapper.tsx
diff --git a/src/screens/PaymentAmountInputScreen.tsx b/src/screens/PaymentAmountInputScreen.tsx
index 24cd51d..6c57f8c 100644
--- a/src/screens/PaymentAmountInputScreen.tsx
+++ b/src/screens/PaymentAmountInputScreen.tsx
@@ -5,7 +5,7 @@ import Button from "@components/Button";
 import GoBackIconButton from "@components/GoBackIconButton";
 import InputWithTopLabel from "@components/InputWithTopLabel";
 import PaymentOption from "@components/PaymentOption";
-import BackgroundDefault from "@components/backgrounds/BackgroundDefault";
+import BeasyDefaultBackgroundWrapper from "@components/backgrounds/BeasyDefaultBackgroundWrapper";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
 import useOrangeMoney from "@hooks/useOrangeMoney";
@@ -92,7 +92,7 @@ const PaymentAmountInputScreen: PaymentStackScreenComponentProps<"paymentAmountI
 	]);
 
 	return (
-		<BackgroundDefault>
+		<BeasyDefaultBackgroundWrapper>
 			{/* <SafeAreaView> */}
 
 			{transactionsStatusMutation.isPending && <LoadingScreen />}
@@ -150,7 +150,7 @@ const PaymentAmountInputScreen: PaymentStackScreenComponentProps<"paymentAmountI
 				</Box>
 			</Box>
 			{/* </SafeAreaView> */}
-		</BackgroundDefault>
+		</BeasyDefaultBackgroundWrapper>
 	);
 };
 
diff --git a/src/screens/PaymentResultScreen.tsx b/src/screens/PaymentResultScreen.tsx
index 4fee2e7..8c22698 100644
--- a/src/screens/PaymentResultScreen.tsx
+++ b/src/screens/PaymentResultScreen.tsx
@@ -2,7 +2,7 @@ import type { MainStackScreenComponentProps } from "@/navigations/Types";
 import BeasyLogoIcon from "@components/BeasyLogoIcon";
 import Button from "@components/Button";
 import GoBackIconButton from "@components/GoBackIconButton";
-import BackgroundDefault from "@components/backgrounds/BackgroundDefault";
+import BeasyDefaultBackgroundWrapper from "@components/backgrounds/BeasyDefaultBackgroundWrapper";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
 import CheckIcon from "@components/icons/CheckIcon";
@@ -20,7 +20,7 @@ const PaymentResultScreen: MainStackScreenComponentProps<"paymentResultScreen"> 
 	const insets = useSafeAreaInsets();
 	log.debug("insets", insets);
 	return (
-		<BackgroundDefault>
+		<BeasyDefaultBackgroundWrapper>
 			<SafeAreaView edges={["top", "left", "right"]}>
 				<Box
 					style={{
@@ -135,7 +135,7 @@ const PaymentResultScreen: MainStackScreenComponentProps<"paymentResultScreen"> 
 					</Box>
 				</Box>
 			</SafeAreaView>
-		</BackgroundDefault>
+		</BeasyDefaultBackgroundWrapper>
 	);
 };
 
diff --git a/src/screens/UserLoginScreen.tsx b/src/screens/UserLoginScreen.tsx
index 10345b3..ec143db 100644
--- a/src/screens/UserLoginScreen.tsx
+++ b/src/screens/UserLoginScreen.tsx
@@ -3,7 +3,7 @@ import type { MainStackScreenComponentProps } from "@/navigations/Types";
 import Button from "@components/Button";
 import ContainerBorderTopCurved from "@components/ContainerBorderTopCurved";
 import InputWithTopLabel from "@components/InputWithTopLabel";
-import BackgroundDefault from "@components/backgrounds/BackgroundDefault";
+import BeasyDefaultBackgroundWrapper from "@components/backgrounds/BeasyDefaultBackgroundWrapper";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
 import { Fontisto } from "@expo/vector-icons";
@@ -27,7 +27,7 @@ const UserLoginScreen: MainStackScreenComponentProps<"userLoginScreen"> = ({ nav
 	}, [email, password, login]);
 
 	return (
-		<BackgroundDefault>
+		<BeasyDefaultBackgroundWrapper>
 			<View style={[containers.containerFull]}>
 				<Box style={{ height: "20%" }} px={"l"}>
 					<Box
@@ -98,7 +98,7 @@ const UserLoginScreen: MainStackScreenComponentProps<"userLoginScreen"> = ({ nav
 					</KeyboardAwareScrollView>
 				</ContainerBorderTopCurved>
 			</View>
-		</BackgroundDefault>
+		</BeasyDefaultBackgroundWrapper>
 	);
 };