From e391edc5881c2425ba91fc9484ae01ad47ee842c Mon Sep 17 00:00:00 2001
From: Djim Molenkamp <djimmo@gmail.com>
Date: Wed, 13 Nov 2024 13:04:53 +0300
Subject: [PATCH] correct placement of login button

For medium size pages there is a max-width for the container, causing the UI to be left aligned. Making sure the container width stays maximum fixes this problem
---
 apps/www/app/(app)/examples/authentication/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/app/(app)/examples/authentication/page.tsx b/apps/www/app/(app)/examples/authentication/page.tsx
index 5dfe156882e..54686b31a8f 100644
--- a/apps/www/app/(app)/examples/authentication/page.tsx
+++ b/apps/www/app/(app)/examples/authentication/page.tsx
@@ -30,7 +30,7 @@ export default function AuthenticationPage() {
           className="hidden dark:block"
         />
       </div>
-      <div className="container relative hidden h-[800px] flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0">
+      <div className="container relative hidden h-[800px] flex-col items-center justify-center md:grid md:max-w-none lg:max-w-none lg:grid-cols-2 lg:px-0">
         <Link
           href="/examples/authentication"
           className={cn(