diff --git a/web/src/lib/components/login-form.svelte b/web/src/lib/components/login-form.svelte
index b938b81..b73870d 100644
--- a/web/src/lib/components/login-form.svelte
+++ b/web/src/lib/components/login-form.svelte
@@ -164,7 +164,7 @@
         {/if}
     {/await}
 {/snippet}
-<Tabs.Root class="w-[400px]" value={tabValue}>
+<Tabs.Root value={tabValue}>
     <Tabs.Content value="login">
         <Card.Root class="mx-auto max-w-sm">
             <Card.Header>
diff --git a/web/src/routes/login/+page.svelte b/web/src/routes/login/+page.svelte
index eb3093a..588d6e3 100644
--- a/web/src/routes/login/+page.svelte
+++ b/web/src/routes/login/+page.svelte
@@ -18,7 +18,7 @@
 			</a>
 		</div>
 		<div class="flex flex-1 items-center justify-center">
-			<div class="w-full max-w-xs">
+			<div class="w-full max-w-[90vw]">
 				<LoginForm {oauthProvider}/>
 			</div>
 		</div>