diff --git a/_includes/pinned.njk b/_includes/pinned.njk
index e7fe717..93a28e3 100644
--- a/_includes/pinned.njk
+++ b/_includes/pinned.njk
@@ -22,10 +22,12 @@
           <a href="{{ content.url }}" class="motion-safe:transition-colors bg-mauve block mt-4 outline-link shadow border-l-2 border-yellow hover:border-blue hover:scale-[1.02] hover:shadow-lg active:shadow active:scale-[1.01] active:border-blue rounded">
             <div class="rounded-tl rounded-tr h-16 w-full bg-center bg-105% opacity-50 saturate-0 contrast-50 overflow-hidden" style="background-image: url('{{ content.data.image }}')">
             </div>
-            <h3 class="bg-mauve h-20 pt-3 px-3 text-xl text-base">
-              {{ content.data.title }}
+            <h3 class="bg-mauve h-20 p-3 text-xl text-base">
+            <span class="line-clamp-2" title="{{ content.data.title }}">
+                {{ content.data.title }}
+              </span>
             </h3>
-            <div class="py-2 px-3 h-24 rounded-bl rounded-br text-text bg-crust">
+          <div class="py-2 px-3 h-24 rounded-bl rounded-br text-text bg-crust line-clamp-3" title="{{ content.data.description }}">
               {{ content.data.description | markdown | safe }}
             </div>
           </a>