diff --git a/hosting/src/components/auth/LoginHandler.tsx b/hosting/src/components/auth/LoginHandler.tsx
index eb8d31c..c0e1cd3 100644
--- a/hosting/src/components/auth/LoginHandler.tsx
+++ b/hosting/src/components/auth/LoginHandler.tsx
@@ -167,7 +167,7 @@ export default function LoginHandler() {
 	const EmailForm = (
 		<form onSubmit={onSignInClick} className="flex items-end gap-4">
 			{/* Email field + label */}
-			<div className="flex-1">
+			<div className="flex-1 min-w-[150px]">
 				<label htmlFor="email" className="form-label">
 					Email
 				</label>
diff --git a/hosting/src/pages/sign-in/index.tsx b/hosting/src/pages/sign-in/index.tsx
index 481fd26..f64c918 100644
--- a/hosting/src/pages/sign-in/index.tsx
+++ b/hosting/src/pages/sign-in/index.tsx
@@ -23,7 +23,7 @@ export default function SignIn() {
 			</p>
 
 			{/* Auth module */}
-			<div className="w-[490px]">
+			<div className="max-w-[490px]">
 				<LoginHandler />
 				<div id="recaptcha-container-id" />
 			</div>