diff --git a/client/src/app/page.tsx b/client/src/app/page.tsx
index ea47ce6..e25fe55 100644
--- a/client/src/app/page.tsx
+++ b/client/src/app/page.tsx
@@ -4,7 +4,7 @@ import CreateGame from "@/components/home/CreateGame";
 
 export default function Home() {
   return (
-    <div className="bg-base-200 flex w-full flex-wrap items-center justify-evenly gap-4 rounded-xl px-4 py-10 shadow-md lg:gap-0">
+    <div className="flex w-full flex-wrap items-center justify-center gap-8 px-4 py-10 lg:gap-16 ">
       {/* @ts-expect-error Server Component */}
       <PublicGames />
 
diff --git a/client/src/components/home/PublicGames/PublicGames.tsx b/client/src/components/home/PublicGames/PublicGames.tsx
index 61378e6..2984294 100644
--- a/client/src/components/home/PublicGames/PublicGames.tsx
+++ b/client/src/components/home/PublicGames/PublicGames.tsx
@@ -11,8 +11,8 @@ export default async function PublicGames() {
         Public games <RefreshButton />
       </h2>
 
-      <div className="bg-base-100 h-80 max-h-80 overflow-y-auto">
-        <table className="table-compact lg:table-normal table rounded-none">
+      <div className="bg-base-200 h-80 max-h-80 overflow-y-auto rounded-xl">
+        <table className="table-compact lg:table-normal table-zebra table rounded-none">
           <thead>
             <tr>
               <th className="w-48">Host</th>