diff --git a/src/screens/HomePageWithPaymentOptions.tsx b/src/screens/HomePageWithPaymentOptions.tsx
index 995f7e5..764aa06 100644
--- a/src/screens/HomePageWithPaymentOptions.tsx
+++ b/src/screens/HomePageWithPaymentOptions.tsx
@@ -37,11 +37,24 @@ const HomePageWithPaymentOptions = () => {
 							justifyContent={"space-between"}
 						>
 							{/* Payment Modes */}
-							<PaymentOption onPress={() => {}} paymentMethod={"OrangeMoney"} />
-							<PaymentOption onPress={() => {}} paymentMethod={"MtnMoney"} />
-							<PaymentOption onPress={() => {}} paymentMethod={"MoovMoney"} />
-							<PaymentOption onPress={() => {}} paymentMethod={"WaveMoney"} />
-							<PaymentOption onPress={() => {}} paymentMethod={"VisaCard"} />
+							<Box style={{ width: "48%", height: "26%" }}>
+								<PaymentOption onPress={() => {}} paymentMethod={"OrangeMoney"} />
+							</Box>
+							<Box style={{ width: "48%", height: "26%" }}>
+								<PaymentOption onPress={() => {}} paymentMethod={"MtnMoney"} />
+							</Box>
+
+							<Box style={{ width: "48%", height: "26%" }}>
+								<PaymentOption onPress={() => {}} paymentMethod={"MoovMoney"} />
+							</Box>
+
+							<Box style={{ width: "48%", height: "26%" }}>
+								<PaymentOption onPress={() => {}} paymentMethod={"WaveMoney"} />
+							</Box>
+
+							<Box style={{ width: "48%", height: "26%" }}>
+								<PaymentOption onPress={() => {}} paymentMethod={"VisaCard"} />
+							</Box>
 						</Box>
 					</Box>
 				</Box>