diff --git a/src/pages/recipes.astro b/src/pages/recipes.astro
index b80f30b..55f71c2 100644
--- a/src/pages/recipes.astro
+++ b/src/pages/recipes.astro
@@ -23,7 +23,9 @@ const recipes = await directus.request(
 	<div class="container mx-auto px-4 py-16 sm:py-24 lg:px-8 lg:py-32 xl:max-w-7xl">
 		<div class="mb-12 text-center text-zinc-900 dark:text-zinc-200">
 			<Heading level={1}>Recipes</Heading>
-			<p>Here are some of my favorite recipes. They are fetched through Directus CMS.</p>
+			<p class="mt-5">
+				Here are some of my favorite recipes. They are fetched through Directus CMS.
+			</p>
 		</div>
 		<hr class="mb-12 dark:border-zinc-700/75" />
 		<ul class="grid gap-y-12 sm:grid-cols-2 sm:gap-x-6 lg:grid-cols-3 xl:gap-x-8">