From 82f93e5433839ace146ce38e5907d09aad0260ee Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Thu, 28 Aug 2025 00:03:18 -0600
Subject: [PATCH] style: enhance list and blockquote styling in blog post page
 for improved readability

---
 apps/website/app/[locale]/blog/[slug]/page.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/website/app/[locale]/blog/[slug]/page.tsx b/apps/website/app/[locale]/blog/[slug]/page.tsx
index d66366a..bde7d43 100644
--- a/apps/website/app/[locale]/blog/[slug]/page.tsx
+++ b/apps/website/app/[locale]/blog/[slug]/page.tsx
@@ -134,13 +134,19 @@ export default async function BlogPostPage({ params }: Props) {
 			/>
 		),
 		ul: ({ node, ...props }) => (
-			<ul className="list-disc list-inside space-y-2 mb-4" {...props} />
+			<ul
+				className="list-disc pl-6 space-y-1 mb-4 text-muted-foreground"
+				{...props}
+			/>
 		),
 		ol: ({ node, ...props }) => (
-			<ol className="list-decimal list-inside space-y-2 mb-4" {...props} />
+			<ol
+				className="list-decimal pl-6 space-y-1 mb-4 text-muted-foreground"
+				{...props}
+			/>
 		),
 		li: ({ node, ...props }) => (
-			<li className="text-base leading-relaxed" {...props} />
+			<li className="text-base leading-relaxed ml-2" {...props} />
 		),
 		blockquote: ({ node, ...props }) => (
 			<blockquote