From 2584c241a58d14f0859eae8fe7ca3a2834743a6c Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Tue, 29 Apr 2025 18:41:03 -0400
Subject: [PATCH] Update box color to black and fix comma formatting

---
 frontend/src/App.tsx                   | 6 +++---
 frontend/src/components/EventAdmin.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 938ff7d..fd2835b 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -20,7 +20,7 @@ const darkTheme = createTheme({
     },
     background: {
       default: '#121212',
-      paper: 'rgba(30, 30, 30, 0.7)',
+      paper: 'rgba(0, 0, 0, 0.7)',
     },
   },
   components: {
@@ -31,7 +31,7 @@ const darkTheme = createTheme({
       styleOverrides: {
         root: {
           backdropFilter: 'blur(10px)',
-          backgroundColor: 'rgba(30, 30, 30, 0.7) !important',
+          backgroundColor: 'rgba(0, 0, 0, 0.7) !important',
           '& .MuiTableContainer-root, & .MuiTable-root, & .MuiTableCell-root': {
             backdropFilter: 'blur(10px)',
             backgroundColor: 'transparent !important',
@@ -44,7 +44,7 @@ const darkTheme = createTheme({
         root: {
           '& .MuiPaper-root': {
             backdropFilter: 'blur(10px)',
-            backgroundColor: 'rgba(30, 30, 30, 0.7) !important',
+            backgroundColor: 'rgba(0, 0, 0, 0.7) !important',
           },
         },
       },
diff --git a/frontend/src/components/EventAdmin.tsx b/frontend/src/components/EventAdmin.tsx
index 7d5f277..ac63ab1 100644
--- a/frontend/src/components/EventAdmin.tsx
+++ b/frontend/src/components/EventAdmin.tsx
@@ -201,12 +201,12 @@ const EventAdmin: React.FC = () => {
                   <TableCell>{rsvp.attending.charAt(0).toUpperCase() + rsvp.attending.slice(1)}</TableCell>
                   <TableCell>
                     {rsvp.bringing_guests === 'yes' ? 
-                      `${rsvp.guest_count} (${rsvp.guest_names.split(' ').join(', ')})` : 
+                      `${rsvp.guest_count} (${rsvp.guest_names.replace(/\s+/g, ', ')})` : 
                       'No'
                     }
                   </TableCell>
                   <TableCell>
-                    {rsvp.items_bringing.split(' ').join(', ')}
+                    {rsvp.items_bringing.split(/[,\s]+/).filter(Boolean).join(', ')}
                   </TableCell>
                   <TableCell>
                     <IconButton