diff --git a/app/ui/guests/table.tsx b/app/ui/guests/table.tsx
index 2b57e4e..7a31193 100644
--- a/app/ui/guests/table.tsx
+++ b/app/ui/guests/table.tsx
@@ -16,6 +16,16 @@ export default async function guestsTable() {
       name: 'Jane Doe',
       email: 'jane@bar.com',
     },
+    {
+      id: '3',
+      name: 'John Doe',
+      email: 'foo@bar.com'
+    },
+    {
+      id: '4',
+      name: 'Jane Doe',
+      email: 'jane@bar.com',
+    },
   ];
 
   return (
@@ -36,7 +46,7 @@ export default async function guestsTable() {
         </thead>
         <tbody>
           {guests.map((guest) => (
-            <tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
+            <tr className="bg-white border-b odd:bg-white odd:dark:bg-gray-900 even:bg-gray-50 even:dark:bg-gray-800">
               <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
                 {guest.name}
               </th>