Add photos

1 files changed, 15 insertions, 6 deletions

diff --git a/client/src/components/GuestLogin.tsx b/client/src/components/GuestLogin.tsx
index c06bc6e..16b4478 100644
--- a/client/src/components/GuestLogin.tsx
+++ b/client/src/components/GuestLogin.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useDispatch } from 'react-redux';
-import { Button, Container, TextField, Typography } from '@mui/material';
+import { Button, TextField, Typography } from '@mui/material';
 import { useForm } from 'react-hook-form';
 import { setCredentials } from '../slices/authSlice';
 import { useLoginMutation } from '../slices/apiSlice';
@@ -33,17 +33,26 @@ function GuestLogin() {
   };
 
   return (
-    <Container
-      component="form"
-      maxWidth="xs"
+    <form
+      style={{
+        height: '100%',
+        width: '100%',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'start',
+      }}
       noValidate
       onSubmit={handleSubmit(onSubmit)}
     >
       <div
         style={{
-          marginTop: 80,
+          width: 384,
+          marginTop: 128,
+          marginLeft: '0.5rem',
+          marginRight: '0.5rem',
           display: 'flex',
           flexDirection: 'column',
+          justifyContent: 'center',
           alignItems: 'center',
         }}
       >
@@ -72,7 +81,7 @@ function GuestLogin() {
           Log in
         </Button>
       </div>
-    </Container>
+    </form>
   );
 }