diff --git a/static/js/discourse-api.js b/static/js/discourse-api.js
index 469b73c5..f1b65020 100644
--- a/static/js/discourse-api.js
+++ b/static/js/discourse-api.js
@@ -63,17 +63,20 @@ class DiscourseAPI {
      * @returns {string} Cleaned excerpt
      */
     extractExcerpt(excerpt) {
-        if (!excerpt) return 'Click to read more';
+        if (!excerpt) return 'No preview available yet';
 
         // Remove HTML tags and clean up; collapse whitespace; do not add manual ellipsis
-        return excerpt
+        const cleaned = excerpt
             .replace(/<[^>]*>/g, '') // Remove HTML tags
             .replace(/&nbsp;/g, ' ') // Replace &nbsp; with spaces
             .replace(/&amp;/g, '&') // Replace &amp; with &
             .replace(/&lt;/g, '<') // Replace &lt; with <
             .replace(/&gt;/g, '>') // Replace &gt; with >
             .replace(/\s+/g, ' ') // Collapse all whitespace/newlines
-            .trim()
+            .trim();
+
+        // Check if excerpt is empty after cleaning
+        return cleaned || 'No preview available yet';
     }
 
     /**
diff --git a/templates/index/index.html b/templates/index/index.html
index dec6ea8e..1bf16f7d 100644
--- a/templates/index/index.html
+++ b/templates/index/index.html
@@ -305,16 +305,13 @@
       const date = new Date(topic.created_at).toLocaleDateString();
 
       return `
-                <div class="card bg-white shadow-xs hover:shadow-lg transition-shadow duration-300 h-64 w-75 flex-shrink-0">
-                    <div class="card-body flex flex-col h-full">
-                        <h3 class="card-title leading-tight font-normal tracking-tight h-12 mb-2 line-clamp-2 text-ellipsis wrap-break-word overflow-hidden">
+                <div class="card bg-white shadow-sm hover:shadow-lg transition-shadow duration-300 h-52 w-75 flex-shrink-0">
+                    <div class="card-body flex flex-col h-full justify-between">
+                        <h3 class="card-title leading-tight font-normal tracking-tight mb-2 line-clamp-5 overflow-hidden">
                             <a href="${topic.url}" target="_blank" class="hover:text-primary">
                                 ${topic.title}
                             </a>
                         </h3>
-                        <div class="text-sm line-clamp-4 break-words" >
-                            ${topic.excerpt}
-                        </div>
 
                         <div class="flex flex-row items-center justify-between">
                             <div class="flex items-center gap-2">