1 files changed, 22 insertions, 9 deletions
diff --git a/client/src/components/Registry.tsx b/client/src/components/Registry.tsx
index dd8ff36..c6e61b1 100644
--- a/client/src/components/Registry.tsx
+++ b/client/src/components/Registry.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from '@mui/material';
+import { Button, Paper } from '@mui/material';
 import LaunchIcon from '@mui/icons-material/Launch';
 
 function Registry() {
@@ -11,16 +11,29 @@ function Registry() {
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
-        flexDirection: 'column',
       }}
     >
-      <p style={{ width: '90%', textAlign: 'center' }}>
-        Thank you for your generous gifts! We look forward to seeing you at the
-        wedding.
-      </p>
-      <Button variant="contained" endIcon={<LaunchIcon />}>
-        Go to Registry
-      </Button>
+      <Paper
+        elevation={3}
+        sx={{
+          width: { xs: '90%', md: 400 },
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          flexDirection: 'column',
+          px: 1,
+          pb: 2,
+          borderRadius: '8px',
+        }}
+      >
+        <p style={{ textAlign: 'center' }}>
+          Thank you for your generous gifts! We look forward to seeing you at
+          the wedding.
+        </p>
+        <Button variant="contained" endIcon={<LaunchIcon />}>
+          Go to Registry
+        </Button>
+      </Paper>
     </div>
   );
 }