From 0fea41cdd319f9e5b046f4a422fca7d24f8bbc79 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Tue, 28 Apr 2026 23:38:43 +0200
Subject: [PATCH] Fix login page scroll on mobile

---
 front/src/primitives/input.tsx | 2 +-
 front/src/ui/login/form.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/front/src/primitives/input.tsx b/front/src/primitives/input.tsx
index 0bf2a796..78ad0c14 100644
--- a/front/src/primitives/input.tsx
+++ b/front/src/primitives/input.tsx
@@ -31,7 +31,7 @@ export const Input = ({
 				// @ts-expect-error not yet in typescript i think
 				includeFontPadding={false}
 				className={cn(
-					"min-h-6 flex-1 font-sans text-base text-slate-600 outline-0 dark:text-slate-400",
+					"min-h-6 min-w-0 flex-1 font-sans text-base text-slate-600 outline-0 dark:text-slate-400",
 					className,
 				)}
 				{...props}
diff --git a/front/src/ui/login/form.tsx b/front/src/ui/login/form.tsx
index cefc078c..bf447665 100644
--- a/front/src/ui/login/form.tsx
+++ b/front/src/ui/login/form.tsx
@@ -38,7 +38,7 @@ export const FormPage = ({
 	return (
 		<ImageBackground
 			source={{ uri: `${apiUrl ?? defaultApiUrl}/api/shows/random/thumbnail` }}
-			className="flex-1 flex-row bg-dark"
+			className="h-lvw w-lvw flex-1 flex-row overflow-x-hidden bg-dark"
 		>
 			<SvgBlob className="absolute top-0 left-0" />
 			<ScrollView className="pr-6">