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>