1 files changed, 11 insertions, 5 deletions
diff --git a/client/src/components/RsvpForm.tsx b/client/src/components/RsvpForm.tsx
index 10c2205..4c9ae92 100644
--- a/client/src/components/RsvpForm.tsx
+++ b/client/src/components/RsvpForm.tsx
@@ -8,6 +8,7 @@ import {
   FormControlLabel,
   FormLabel,
   Grid,
+  Paper,
   Radio,
   RadioGroup,
   Snackbar,
@@ -109,14 +110,19 @@ function RsvpForm() {
       noValidate
       onSubmit={handleSubmit(onSubmit)}
     >
-      <div
-        style={{
-          width: '90%',
+      <Paper
+        elevation={3}
+        sx={{
+          width: { xs: '90%', md: 600 },
           display: 'flex',
           justifyContent: 'center',
+          px: 2,
+          pb: 2,
+          mt: { xs: 10, md: 16 },
+          borderRadius: '8px',
         }}
       >
-        <Grid container spacing={2} sx={{ width: 600, mt: { xs: 8, md: 16 } }}>
+        <Grid container spacing={2}>
           <Grid item xs={12}>
             <p>
               Please RSVP for the wedding by March 10, 2025. The ceremony will
@@ -274,7 +280,7 @@ function RsvpForm() {
             </div>
           </Snackbar>
         </Grid>
-      </div>
+      </Paper>
     </form>
   );
 }