Update spacing

1 files changed, 36 insertions, 30 deletions

diff --git a/client/src/components/GuestLogin.tsx b/client/src/components/GuestLogin.tsx
index 16b4478..c5eae75 100644
--- a/client/src/components/GuestLogin.tsx
+++ b/client/src/components/GuestLogin.tsx
@@ -46,40 +46,46 @@ function GuestLogin() {
     >
       <div
         style={{
-          width: 384,
-          marginTop: 128,
-          marginLeft: '0.5rem',
-          marginRight: '0.5rem',
           display: 'flex',
-          flexDirection: 'column',
           justifyContent: 'center',
-          alignItems: 'center',
+          width: '90%',
         }}
       >
-        <Typography variant="h6">Guest Login</Typography>
-        <TextField
-          label="First Name"
-          variant="outlined"
-          margin="normal"
-          fullWidth
-          error={!!errors.firstName}
-          helperText={errors.firstName?.message}
-          required
-          {...register('firstName', { required: 'This field is required' })}
-        />
-        <TextField
-          label="Last Name"
-          variant="outlined"
-          margin="normal"
-          fullWidth
-          error={!!errors.lastName}
-          helperText={errors.lastName?.message}
-          required
-          {...register('lastName', { required: 'This field is required' })}
-        />
-        <Button type="submit" variant="contained" fullWidth sx={{ mt: 2 }}>
-          Log in
-        </Button>
+        <div
+          style={{
+            width: 384,
+            marginTop: 128,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+          }}
+        >
+          <Typography variant="h6">Guest Login</Typography>
+          <TextField
+            label="First Name"
+            variant="outlined"
+            margin="normal"
+            fullWidth
+            error={!!errors.firstName}
+            helperText={errors.firstName?.message}
+            required
+            {...register('firstName', { required: 'This field is required' })}
+          />
+          <TextField
+            label="Last Name"
+            variant="outlined"
+            margin="normal"
+            fullWidth
+            error={!!errors.lastName}
+            helperText={errors.lastName?.message}
+            required
+            {...register('lastName', { required: 'This field is required' })}
+          />
+          <Button type="submit" variant="contained" fullWidth sx={{ mt: 2 }}>
+            Log in
+          </Button>
+        </div>
       </div>
     </form>
   );