From 68c83d8a5d85a43e03b40403f1871cbc753ae0b6 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Sun, 3 Mar 2024 16:15:31 +0100
Subject: [PATCH] Add background color to login form even when it overflows

---
 front/packages/ui/src/login/form.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/front/packages/ui/src/login/form.tsx b/front/packages/ui/src/login/form.tsx
index 328f39a8..ecb33af4 100644
--- a/front/packages/ui/src/login/form.tsx
+++ b/front/packages/ui/src/login/form.tsx
@@ -67,7 +67,19 @@ export const FormPage = ({ children, ...props }: { children: ReactNode } & Styla
 					paddingHorizontal: ts(3),
 				})}
 			>
-				<View {...css({ maxWidth: px(600) }, props)}>{children}</View>
+				<View
+					{...css(
+						{
+							maxWidth: px(600),
+							backgroundColor: (theme) => theme.background,
+							borderRadius: ts(25),
+							paddingBottom: ts(5),
+						},
+						props,
+					)}
+				>
+					{children}
+				</View>
 			</ScrollView>
 		</ImageBackground>
 	);