diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1ad33ec..bf1ef86 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -9,7 +9,7 @@ const recipies = await client.collection("recipes").getFullList()
 <PageLayout>	
 	<!-- <p class="pb-2">What would you like today?</p> -->
 
-	<div class="grid md:gap-2 gap-3 grid-cols-2 md:grid-cols-2 lg:grid-cols-4">
+	<div class="grid md:gap-2 gap-3 grid-cols-2 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-8">
 		{
 			recipies.map(r => (
 				<OverviewCard recipe={r} />