diff --git a/src/components/posts-loop.astro b/src/components/posts-loop.astro
index 9bb0ec8..d920f3c 100644
--- a/src/components/posts-loop.astro
+++ b/src/components/posts-loop.astro
@@ -15,20 +15,19 @@ const postsLoop = allPosts.slice(0, count).map((post) => {
 {
   postsLoop.map((post) => {
     return (
-      <div
-        class="relative border border-transparent border-dashed cursor-pointer p-7 group rounded-2xl"
-        onclick={`location.href = '${post.link}'`}
+      <a
+        href={post.link}
+        class="relative block border border-transparent border-dashed p-7 group rounded-2xl no-underline text-inherit"
       >
         <div class="absolute inset-0 z-20 w-full h-full duration-300 ease-out bg-white border border-dashed dark:bg-neutral-950 rounded-2xl border-neutral-300 dark:border-neutral-600 group-hover:-translate-x-1 group-hover:-translate-y-1" />
         <div class="absolute inset-0 z-10 w-full h-full duration-300 ease-out border border-dashed rounded-2xl border-neutral-300 dark:border-neutral-600 group-hover:translate-x-1 group-hover:translate-y-1" />
         <div class="relative z-30 duration-300 ease-out group-hover:-translate-x-1 group-hover:-translate-y-1">
           <h2 class="flex items-center mb-3">
-            <a
-              href={post.link}
+            <span
               class="text-xl font-bold leading-tight tracking-tight sm:text-2xl dark:text-neutral-100"
             >
               {post.title}
-            </a>
+            </span>
             <svg
               class="group-hover:translate-x-0 flex-shrink-0 translate-y-0.5 -translate-x-1 w-2.5 h-2.5 stroke-current ml-1 transition-all ease-in-out duration-200  transform"
               viewBox="0 0 13 15"
@@ -76,7 +75,7 @@ const postsLoop = allPosts.slice(0, count).map((post) => {
             Posted on {post.dateFormatted}
           </div>
         </div>
-      </div>
+      </a>
     )
   })
 }