diff --git a/client/src/pages/Login.jsx b/client/src/pages/Login.jsx
index a0c311c..3800dfe 100644
--- a/client/src/pages/Login.jsx
+++ b/client/src/pages/Login.jsx
@@ -108,6 +108,7 @@ export default function Login() {
         <Box
           sx={{
             marginTop: 8,
+            height: '100vh',
             display: 'flex',
             flexDirection: 'column',
             alignItems: 'center',
diff --git a/client/src/pages/Register.jsx b/client/src/pages/Register.jsx
index 4bc9f6d..d8bf032 100644
--- a/client/src/pages/Register.jsx
+++ b/client/src/pages/Register.jsx
@@ -78,6 +78,7 @@ export default function Register() {
       <CssBaseline />
       <Box
         sx={{
+          height: '100vh',
           marginTop: 8,
           display: 'flex',
           flexDirection: 'column',