diff --git a/assets/themes/default/_global.scss b/assets/themes/default/_global.scss
index 7a891b34..fc61f953 100644
--- a/assets/themes/default/_global.scss
+++ b/assets/themes/default/_global.scss
@@ -224,6 +224,10 @@ p.error {
     background-position: center;
     background-size: cover;
     margin: 0px;
+
+    &:hover {
+        opacity: 0.9;
+    }
   }
 
   h3 {
diff --git a/templates/partials/post_card.rs.html b/templates/partials/post_card.rs.html
index a941e0cb..e7c844e8 100644
--- a/templates/partials/post_card.rs.html
+++ b/templates/partials/post_card.rs.html
@@ -6,7 +6,7 @@
 
 <div class="card h-entry">
     @if article.cover_id.is_some() {
-        <div class="cover" style="background-image: url('@Html(article.cover_url(ctx.0).unwrap_or_default())')"></div>
+        <a href="@uri!(posts::details: blog = article.get_blog_fqn(ctx.0), slug = &article.slug, responding_to = _)"><div class="cover" style="background-image: url('@Html(article.cover_url(ctx.0).unwrap_or_default())')"></div></a>
     }
     <header>
         @if ctx.2.clone().and_then(|u| article.is_author(ctx.0, u.id).ok()).unwrap_or(false) {