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 && (