Fix component alignment issue on left side of login page (#899)

openstatusHQ · Jun 28, 2024 · 1dbda2e · 1dbda2e
1 parent ceec599
commit 1dbda2e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/apps/web/src/app/app/(auth)/login/layout.tsx b/apps/web/src/app/app/(auth)/login/layout.tsx
@@ -24,12 +24,12 @@ export default async function AuthLayout({
             className="rounded-full border border-border"
           />
         </Link>
-        <div className="flex w-full max-w-lg flex-1 flex-col justify-center gap-8 text-left">
+        <div className="flex w-full max-w-lg flex-1 flex-col justify-center gap-8 text-center mx-auto">
           <div className="mx-auto grid gap-3">
-            <h1 className="font-cal text-2xl text-foreground">
+            <h1 className="font-cal text-3xl text-foreground">
               Open Source Monitoring Service
             </h1>
-            <p className="text-muted-foreground">
+            <p className="text-muted-foreground text-sm mx-9">
               Monitor your website or API and create your own status page within
               a couple of minutes. Want to know how it works? <br />
               <br />