Add photos

1 files changed, 11 insertions, 8 deletions

diff --git a/client/src/components/RsvpForm.tsx b/client/src/components/RsvpForm.tsx
index 4454c77..63981f8 100644
--- a/client/src/components/RsvpForm.tsx
+++ b/client/src/components/RsvpForm.tsx
@@ -1,10 +1,9 @@
 import React from 'react';
 import { useRef } from 'react';
-import { useNavigate, useOutletContext } from 'react-router-dom';
+import { useOutletContext } from 'react-router-dom';
 import {
   Alert,
   Button,
-  Container,
   FormControl,
   FormControlLabel,
   FormLabel,
@@ -22,7 +21,6 @@ function RsvpForm() {
     useUpdateGuestMutation();
   const guest: Guest = useOutletContext();
   const previousPartySize = useRef(guest?.partySize - 1);
-  const navigate = useNavigate();
 
   const {
     register,
@@ -77,13 +75,18 @@ function RsvpForm() {
   };
 
   return (
-    <Container
-      component="form"
-      maxWidth="sm"
+    <form
+      style={{
+        height: '100%',
+        width: '100%',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'start',
+      }}
       noValidate
       onSubmit={handleSubmit(onSubmit)}
     >
-      <Grid container spacing={2} sx={{ mt: 8 }}>
+      <Grid container spacing={2} sx={{ width: 600, mt: 16, mx: 0.5 }}>
         <Grid item xs={12}>
           <p>
             Please RSVP for the wedding by March 10, 2025. The ceremony will
@@ -236,7 +239,7 @@ function RsvpForm() {
           </div>
         </Grid>
       </Grid>
-    </Container>
+    </form>
   );
 }