diff --git a/elections2021/templates/elections2021/elections2021_program_page.html b/elections2021/templates/elections2021/elections2021_program_page.html
index 4e2993aaf6b4c8224876dfd9f3615f7c69e1f996..ae88f60c9381bcb603a1ecc940b2b51dd19aad19 100644
--- a/elections2021/templates/elections2021/elections2021_program_page.html
+++ b/elections2021/templates/elections2021/elections2021_program_page.html
@@ -107,12 +107,14 @@
   <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 pt-8">
 
     {% for point in points %}
-      <div class="card icon-card shadow-none bg-grey-125 card--hoveractive" data-archetype="{% if show_archetype_icon %}{{ point.archetype }}{% endif %}">
-        <div class="card__body">
-          <h1 class="card-headline mb-8"><a href="{% pageurl point %}">{{ point.title }}</a></h1>
-          <div class="card-body-text"><a href="{% pageurl point %}">{{ point.annotation|richtext|strip_sup }}</a></div>
+      <a class="hover:no-underline block" href="{% pageurl point %}">
+        <div class="h-full card icon-card shadow-none bg-grey-125 card--hoveractive hover:elevation-0 hover:bg-acidgreen" data-archetype="{% if show_archetype_icon %}{{ point.archetype }}{% endif %}">
+          <div class="card__body">
+            <h1 class="card-headline mb-8">{{ point.title }}</h1>
+            <div class="card-body-text">{{ point.annotation|richtext|strip_sup }}</div>
+          </div>
         </div>
-      </div>
+      </a>
 
       {% if show_app_banner %}
         {% if forloop.counter == 3 or forloop.counter < 3 and forloop.last %}