Remove unneeded MUI components

1 files changed, 9 insertions, 9 deletions

diff --git a/src/features/auth/GuestLogin.tsx b/src/features/auth/GuestLogin.tsx
index c3b3b96..11f3d5b 100644
--- a/src/features/auth/GuestLogin.tsx
+++ b/src/features/auth/GuestLogin.tsx
@@ -1,6 +1,6 @@
 import { useNavigate } from 'react-router-dom';
 import { useDispatch } from 'react-redux';
-import { Box, Button, Container, TextField, Typography } from '@mui/material';
+import { Button, Container, TextField, Typography } from '@mui/material';
 import { useForm } from 'react-hook-form';
 import { setCredentials } from './authSlice';
 import { useLoginMutation, LoginRequest } from '../../apiSlice';
@@ -28,11 +28,11 @@ function GuestLogin() {
 
   return (
     <Container component="form" maxWidth="xs" noValidate onSubmit={handleSubmit(onSubmit)}>
-      <Box
-        sx={{ mt: 8,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center" }}
+      <div
+        style={{ marginTop: 80,
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center' }}
       >
         <Typography variant="h6">
           Guest Login
@@ -45,7 +45,7 @@ function GuestLogin() {
           error={!!errors.firstName}
           helperText={errors.firstName?.message}
           required
-          {...register("firstName", { required: "This field is required" })}
+          {...register('firstName', { required: 'This field is required' })}
         />
         <TextField
           label="Last Name"
@@ -55,7 +55,7 @@ function GuestLogin() {
           error={!!errors.lastName}
           helperText={errors.lastName?.message}
           required
-          {...register("lastName", { required: "This field is required" })}
+          {...register('lastName', { required: 'This field is required' })}
         />
         <Button
           type="submit"
@@ -65,7 +65,7 @@ function GuestLogin() {
         >
           Log in
         </Button>
-      </Box>
+      </div>
     </Container>
   );
 }