diff --git a/src/pages/index.astro b/src/pages/index.astro
index efb0aee4..8b5fe398 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -87,35 +87,36 @@ const posts = (await getCollection("posts")).sort(function (
         </section>
       </article>
 
-      <article class="flex flex-col gap-3">
+    <article class="flex flex-col gap-3">
         <header class="flex w-full flex-row justify-between gap-2">
-          <h3 class="text-lg pb-2 text-text">Latest posts:</h3>
-          <a href="/posts" class="text-sm text-purple-500 no-underline hover:underline" rel="noreferrer">
-        See all posts
-          </a>
+            <h3 class="text-lg pb-2 text-text">Latest posts:</h3>
+            <a href="/posts" class="text-sm text-purple-500 no-underline hover:underline" rel="noreferrer">
+                See all posts
+            </a>
         </header>
         <section class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
-          {
-        posts.slice(0, 4).map((post: any) => (
-          <div class="p-4 rounded-lg border border-neutral shadow-md hover:scale-105 transition-transform duration-300">
-            <h4 class="text-lg font-medium text-text">{post.data.title}</h4>
-            <p class="mt-2 text-text">
-          {post.data.publishedAt.toLocaleDateString("en-us", {
-            year: "numeric",
-            month: "short",
-            day: "numeric",
-          })}
-            </p>
-            <p class="mt-2 text-text">
-            {post.data.description}
-            <a href={"/posts/" + post.slug} class="text-purple-500 mt-4 no-underline hover:underline">
-          Read post
-            </a>
-          </div>
-        ))
-          }
-            </section>
-        }
+            {
+                posts.slice(0, 4).map((post: any) => (
+                    <div class="p-4 rounded-lg border border-neutral shadow-md hover:scale-105 transition-transform duration-300">
+                        <h4 class="text-lg font-medium text-text">{post.data.title}</h4>
+                        <p class="mt-2 text-text">
+                            {post.data.publishedAt.toLocaleDateString("en-us", {
+                                year: "numeric",
+                                month: "short",
+                                day: "numeric",
+                            })}
+                        </p>
+                        <p class="mt-2 text-text">
+                            {post.data.description}
+                            <a href={"/posts/" + post.slug} class="text-purple-500 mt-4 no-underline hover:underline">
+                                Read post
+                            </a>
+                        </p>
+                    </div>
+                ))
+            }
+        </section>
+    </article>
       </article>
       <article class="flex flex-col gap-3">
         <header class="flex w-full flex-row justify-between gap-2">