diff --git a/_includes/components/sections/recent-posts.njk b/_includes/components/sections/recent-posts.njk
index 2e7b36e..a0fbc58 100644
--- a/_includes/components/sections/recent-posts.njk
+++ b/_includes/components/sections/recent-posts.njk
@@ -40,10 +40,11 @@
               {{ post.date | dateDisplay }}
             </time>
           </div>
-          {% unfurl likedUrl %}
-          <a class="u-like-of text-xs text-surface-400 dark:text-surface-500 hover:underline break-all mt-1 inline-block" href="{{ likedUrl }}">
-            {{ likedUrl }}
-          </a>
+          <p class="mt-1">
+            <a class="u-like-of text-sm text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ likedUrl }}">
+              {{ likedUrl }}
+            </a>
+          </p>
           {% if post.templateContent %}
           <div class="e-content prose dark:prose-invert prose-sm mt-2 max-w-none line-clamp-3">
             {{ post.templateContent | safe }}
@@ -73,10 +74,11 @@
             <a class="hover:text-primary-600 dark:hover:text-primary-400" href="{{ post.url }}">{{ post.data.title }}</a>
           </h3>
           {% endif %}
-          {% unfurl bookmarkedUrl %}
-          <a class="u-bookmark-of text-xs text-surface-400 dark:text-surface-500 hover:underline break-all mt-1 inline-block" href="{{ bookmarkedUrl }}">
-            {{ bookmarkedUrl }}
-          </a>
+          <p class="mt-1 text-sm">
+            <a class="u-bookmark-of text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ bookmarkedUrl }}">
+              {{ bookmarkedUrl }}
+            </a>
+          </p>
           {% if post.templateContent %}
           <div class="e-content prose dark:prose-invert prose-sm mt-2 max-w-none line-clamp-3">
             {{ post.templateContent | safe }}
@@ -101,10 +103,11 @@
               {{ post.date | dateDisplay }}
             </time>
           </div>
-          {% unfurl repostedUrl %}
-          <a class="u-repost-of text-xs text-surface-400 dark:text-surface-500 hover:underline break-all mt-1 inline-block" href="{{ repostedUrl }}">
-            {{ repostedUrl }}
-          </a>
+          <p class="mt-1 text-sm">
+            <a class="u-repost-of text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ repostedUrl }}">
+              {{ repostedUrl }}
+            </a>
+          </p>
           {% if post.templateContent %}
           <div class="e-content prose dark:prose-invert prose-sm mt-2 max-w-none line-clamp-3">
             {{ post.templateContent | safe }}
@@ -129,10 +132,11 @@
               {{ post.date | dateDisplay }}
             </time>
           </div>
-          {% unfurl replyToUrl %}
-          <a class="u-in-reply-to text-xs text-surface-400 dark:text-surface-500 hover:underline break-all mt-1 inline-block" href="{{ replyToUrl }}">
-            {{ replyToUrl }}
-          </a>
+          <p class="mt-1 text-sm">
+            <a class="u-in-reply-to text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ replyToUrl }}">
+              {{ replyToUrl }}
+            </a>
+          </p>
           {% if post.templateContent %}
           <div class="e-content prose dark:prose-invert prose-sm mt-2 max-w-none line-clamp-3">
             {{ post.templateContent | safe }}