diff --git a/app/ui/invitations/board.tsx b/app/ui/invitations/board.tsx
index 36f8fda..bea860c 100644
--- a/app/ui/invitations/board.tsx
+++ b/app/ui/invitations/board.tsx
@@ -53,15 +53,16 @@ export default function InvitationsBoard({ guests, invitations }: {
         Create New Invitation
       </button>
 
-      <div className="grid grid-cols-3 gap-4">
+      <div className="grid grid-cols-4 gap-6">
         {invitations.map((invitation, index) => (
         <div
           key={invitation.id}
-          className="flex items-center justify-center h-32 w-full bg-green-600 border border-green-700"
+          className="flex items-center justify-center w-full bg-green-800 border border-green-900"
+          style={{ aspectRatio: "1.618 / 1" }}
         >
           <ul className="text-center text-yellow-500 font-cursive text-lg">
           {invitation.guests.map((guest) => (
-            <li key={guest.id}>{guest.name}</li>
+        <li key={guest.id}>{guest.name}</li>
           ))}
           </ul>
         </div>