feat: change width and styling

src/pages/Login.tsx

@@ -69,7 +69,6 @@ const Login = () => {
         mt: 6,
         padding: 4,
         backgroundColor: darkMode ? "#121212" : "#ffffff",
-        
       }}
     >
       <Box
@@ -85,7 +84,7 @@ const Login = () => {
           display: "flex",
           flexDirection: "column",
           alignItems: "center",
-          maxWidth: 400,
+          maxWidth: 500,
           width: "100%",
         }}
       >
@@ -102,15 +101,6 @@ const Login = () => {
           margin="normal"
           variant="outlined"
           required
-          sx={{
-            input: { color: darkMode ? "#ffffff" : "#000000" },
-            label: { color: darkMode ? "#bbbbbb" : "#000000" },
-            "& .MuiOutlinedInput-root": {
-              "& fieldset": { borderColor: darkMode ? "#555555" : "#cccccc" },
-              "&:hover fieldset": { borderColor: darkMode ? "#ffffff" : "#000000" },
-              "&.Mui-focused fieldset": { borderColor: "#ff33cc" },
-            },
-          }}
         />
         <TextField
           fullWidth
@@ -122,15 +112,6 @@ const Login = () => {
           margin="normal"
           variant="outlined"
           required
-          sx={{
-            input: { color: darkMode ? "#ffffff" : "#000000" },
-            label: { color: darkMode ? "#bbbbbb" : "#000000" },
-            "& .MuiOutlinedInput-root": {
-              "& fieldset": { borderColor: darkMode ? "#555555" : "#cccccc" },
-              "&:hover fieldset": { borderColor: darkMode ? "#ffffff" : "#000000" },
-              "&.Mui-focused fieldset": { borderColor: "#ff33cc" },
-            },
-          }}
         />
         <Button
           type="submit"
@@ -140,10 +121,6 @@ const Login = () => {
           sx={{
             mt: 2,
             mb: 2,
-            backgroundColor: "#ff33cc" ,
-            "&:hover": {
-              backgroundColor: "#e6009e" ,
-            },
           }}
           disabled={loading || !email || !password}
         >

src/pages/Register.tsx

@@ -79,7 +79,7 @@ const Register = () => {
           display: "flex",
           flexDirection: "column",
           alignItems: "center",
-          maxWidth: 400,
+          maxWidth: 500,
           width: "100%",
         }}
       >
@@ -106,15 +106,6 @@ const Register = () => {
           margin="normal"
           variant="outlined"
           required
-          sx={{
-            input: { color: darkMode ? "#ffffff" : "#000000" },
-            label: { color: darkMode ? "#bbbbbb" : "#000000" },
-            "& .MuiOutlinedInput-root": {
-              "& fieldset": { borderColor: darkMode ? "#555555" : "#cccccc" },
-              "&:hover fieldset": { borderColor: darkMode ? "#ffffff" : "#000000" },
-              "&.Mui-focused fieldset": { borderColor: "#ff33cc" },
-            },
-          }}
         />
         <TextField
           fullWidth
@@ -126,15 +117,6 @@ const Register = () => {
           margin="normal"
           variant="outlined"
           required
-          sx={{
-            input: { color: darkMode ? "#ffffff" : "#000000" },
-            label: { color: darkMode ? "#bbbbbb" : "#000000" },
-            "& .MuiOutlinedInput-root": {
-              "& fieldset": { borderColor: darkMode ? "#555555" : "#cccccc" },
-              "&:hover fieldset": { borderColor: darkMode ? "#ffffff" : "#000000" },
-              "&.Mui-focused fieldset": { borderColor: "#ff33cc" },
-            },
-          }}
         />
         <Button
           type="submit"
@@ -144,16 +126,12 @@ const Register = () => {
           sx={{
             mt: 2,
             mb: 2,
-            backgroundColor: "#ff33cc",
-            "&:hover": {
-              backgroundColor:"#e6009e", 
-            },
           }}
           disabled={loading || !email || !password}
         >
           {loading ? (
             <>
-              <CircularProgress size={20} sx={{ mr: 2, color: "#ffffff" }} />
+              <CircularProgress size={20} sx={{ mr: 2 }} />
               Loading
             </>
           ) : (