From 5fd6f5b8a8f34707c009cf425b43094a62413b44 Mon Sep 17 00:00:00 2001
From: Nitesh Seram <niteshseram@gmail.com>
Date: Mon, 21 Apr 2025 14:22:06 +0530
Subject: [PATCH] [web] auth: fix auth screen UI issues (#1395)

---
 apps/web/src/components/auth/AuthDialog.tsx   | 9 ++++-----
 apps/web/src/components/auth/SupabaseAuth.tsx | 2 +-
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/components/auth/AuthDialog.tsx b/apps/web/src/components/auth/AuthDialog.tsx
index 415479dfd..b0563d702 100644
--- a/apps/web/src/components/auth/AuthDialog.tsx
+++ b/apps/web/src/components/auth/AuthDialog.tsx
@@ -73,7 +73,9 @@ export default function AuthDialog({ isShown, onClose, next }: Props) {
               'pointer-events-none',
               'flex min-h-full items-center',
             )}>
-            <DialogContent contentClassName="relative !p-0 lg:h-[670px] lg:max-h-[670px]">
+            <DialogContent
+              className={themeBackgroundDarkColor}
+              contentClassName="relative !p-0 lg:h-[670px] lg:max-h-[670px]">
               {onClose && (
                 <DialogClose asChild={true}>
                   <Button
@@ -111,10 +113,7 @@ export default function AuthDialog({ isShown, onClose, next }: Props) {
                     </div>
                   </div>
                   <ScrollArea
-                    className={clsx(
-                      'hidden flex-1 lg:block',
-                      themeBackgroundDarkColor,
-                    )}
+                    className="hidden flex-1 lg:block"
                     viewportClass={clsx('h-[670px]', 'flex')}>
                     <div
                       className={clsx(
diff --git a/apps/web/src/components/auth/SupabaseAuth.tsx b/apps/web/src/components/auth/SupabaseAuth.tsx
index c4cfc03f0..49259b3b6 100644
--- a/apps/web/src/components/auth/SupabaseAuth.tsx
+++ b/apps/web/src/components/auth/SupabaseAuth.tsx
@@ -117,7 +117,7 @@ export default function SupabaseAuth({
               className={clsx(
                 'flex flex-col gap-y-1.5',
                 variant === 'full'
-                  ? 'items-center lg:items-start'
+                  ? 'items-center xl:items-start'
                   : 'items-start',
               )}>
               {!isAuthScreenWithSocial && !onlyThirdPartyProviders && (