diff --git a/static/src/scss/_listing.scss b/static/src/scss/_listing.scss
index 7a10ac8..f2f473e 100644
--- a/static/src/scss/_listing.scss
+++ b/static/src/scss/_listing.scss
@@ -6,7 +6,7 @@
     align-items: center;
   }
 
-  p.image {
+  a.image {
     width: 100%;
   }
 
diff --git a/website/common/templates/common/listing-item.html b/website/common/templates/common/listing-item.html
index bf0cc2b..7412620 100644
--- a/website/common/templates/common/listing-item.html
+++ b/website/common/templates/common/listing-item.html
@@ -3,9 +3,9 @@
 <article class="media listing-item">
   <div class="columns">
     <figure class="media-left column is-3 image-column">
-      <p class="image">
+      <a href="{% pageurl page %}" class="image">
         <img src="{% image_url page.hero_image 'width-300' %}">
-      </p>
+      </a>
     </figure>
     <div class="media-content column">
       <div>