diff --git a/sass/_index.scss b/sass/_index.scss
index 92a943519..760882fd7 100644
--- a/sass/_index.scss
+++ b/sass/_index.scss
@@ -427,6 +427,8 @@
             flex-direction: column;
             gap: 12px;
             transition: border-color 0.2s ease;
+            text-decoration: none;
+            color: #fff;
 
             &:hover {
                 border-color: #666;
@@ -437,14 +439,6 @@
                 font-weight: 700;
                 margin: 0;
                 line-height: 1.4;
-
-                a {
-                    color: #fff;
-
-                    &:hover {
-                        color: rgba(255, 255, 255, 0.7);
-                    }
-                }
             }
 
             p {
@@ -485,11 +479,6 @@
             font-weight: 600;
             margin-top: auto;
             text-decoration: none;
-
-            &:hover {
-                color: #fff;
-                text-decoration: underline;
-            }
         }
     }
 
diff --git a/templates/index.html b/templates/index.html
index 65ff0e522..42f55978e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -83,19 +83,19 @@ <h2>Latest from the Blog</h2>
             {% if page.taxonomies.category and "This Week in Matrix" in page.taxonomies.category %}{% continue %}{% endif %}
             {% if blog_count >= 3 %}{% break %}{% endif %}
             {% set_global blog_count = blog_count + 1 %}
-            <div class="blog-preview-card">
+            <a href="{{ page.permalink }}" class="blog-preview-card">
                 <div class="blog-preview-meta">
                     <span class="blog-preview-date">{{ page.date | date(format="%B %d, %Y") }}</span>
                     {% if page.taxonomies.category %}
                     <span class="blog-preview-tag">{{ page.taxonomies.category | first }}</span>
                     {% endif %}
                 </div>
-                <h3><a href="{{ page.permalink }}">{{ page.title }}</a></h3>
+                <h3>{{ page.title }}</h3>
                 {% if page.description %}
                 <p>{{ page.description }}</p>
                 {% endif %}
-                <a href="{{ page.permalink }}" class="blog-preview-readmore">Read more →</a>
-            </div>
+                <span class="blog-preview-readmore">Read more →</span>
+            </a>
             {% endfor %}
         </div>
         <a href="/blog/" class="call-to-action inverted">View All Posts</a>