From be73f20fd59c3f4a2e3ddbee391220fdd892b9fa Mon Sep 17 00:00:00 2001
From: mbecker20 <becker.maxh@gmail.com>
Date: Thu, 26 Feb 2026 16:47:15 -0800
Subject: [PATCH] improve login styling

---
 ui/src/pages/login/header.tsx | 2 +-
 ui/src/pages/login/index.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/pages/login/header.tsx b/ui/src/pages/login/header.tsx
index 37f378907..110fd3fe0 100644
--- a/ui/src/pages/login/header.tsx
+++ b/ui/src/pages/login/header.tsx
@@ -10,7 +10,7 @@ export default function LoginHeader({
 }) {
   const options = useLoginOptions().data;
   return (
-    <Group gap="4rem" justify="space-between">
+    <Group justify="space-between">
       <Group gap="sm">
         <img src="/mogh-512x512.png" width={42} height={42} alt="moghtech" />
         <Stack gap="0">
diff --git a/ui/src/pages/login/index.tsx b/ui/src/pages/login/index.tsx
index c6d325696..ac8e4a542 100644
--- a/ui/src/pages/login/index.tsx
+++ b/ui/src/pages/login/index.tsx
@@ -137,7 +137,7 @@ export default function Login({
             : (localForm.onSubmit((form) => login(form)) as any)
         }
         style={{ display: "flex", flexDirection: "column", gap: "1rem" }}
-        miw={{ lg: "500px" }}
+        miw={{ xs: "530px" }}
         maw="95vw"
       >
         {options?.local && !secondFactorPending && (