diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 3ad04a82..f9eb8ab4 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -63,7 +63,7 @@ const Login = () => {
             <Typography variant="h4" gutterBottom>
                 Welcome Back!
             </Typography>
-            <Box component="form" onSubmit={submitForm} sx={{ maxWidth: 300, width: '100%' }}>
+            <Box component="form" onSubmit={submitForm} sx={{ maxWidth: 400, width: '100%' }}>
                 <TextField
                     fullWidth
                     label="Email"
diff --git a/src/pages/Register.tsx b/src/pages/Register.tsx
index 63935051..d3ccd666 100644
--- a/src/pages/Register.tsx
+++ b/src/pages/Register.tsx
@@ -61,7 +61,7 @@ const Register = () => {
             <Typography variant="h4" gutterBottom>
                 Create an account
             </Typography>
-            <Box component="form" onSubmit={submitForm} sx={{ maxWidth: 300, width: '100%' }}>
+            <Box component="form" onSubmit={submitForm} sx={{ maxWidth: 400, width: '100%' }}>
                 <TextField
                     margin="normal"
                     required