From 5c19e5ee783a9b68aa0eb164e45853ecc187d193 Mon Sep 17 00:00:00 2001
From: gorkem-bwl <gorkem.cetin@bluewavelabs.ca>
Date: Sun, 26 Apr 2026 01:31:41 -0400
Subject: [PATCH] fix(client): give auth pages a stable form width

The login/register form used percentage widths that collapsed to ~15% on wide screens, wrapping the "Forgot password" / "Reset password" links onto two lines. Switch to a fixed 400px max-width that just shrinks below it on small screens.
---
 client/src/Components/design-elements/BasePage.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/client/src/Components/design-elements/BasePage.tsx b/client/src/Components/design-elements/BasePage.tsx
index a6fb13907..4c04bc78a 100644
--- a/client/src/Components/design-elements/BasePage.tsx
+++ b/client/src/Components/design-elements/BasePage.tsx
@@ -299,11 +299,9 @@ export const BaseAuthPage = ({
 			</Stack>
 			<Stack
 				gap={theme.spacing(LAYOUT.MD)}
-				width={{
-					xs: "80%",
-					md: "25%",
-					lg: "15%",
-				}}
+				width="100%"
+				maxWidth={400}
+				px={theme.spacing(LAYOUT.MD)}
 			>
 				{children}
 			</Stack>