diff --git a/src/patterns/04-components/card/card-elements/_contact-info.twig b/src/patterns/04-components/card/card-elements/_contact-info.twig
index 76aadff67e1e3f1cf53b37f2163327e440cd15cc..81b557c8b5554f744b7111d1534b4f38ac5718a6 100644
--- a/src/patterns/04-components/card/card-elements/_contact-info.twig
+++ b/src/patterns/04-components/card/card-elements/_contact-info.twig
@@ -9,6 +9,9 @@
     {% block details_content %}
       {% if contact_info.email %}
         <div class="card__contact-info--email">
+        {% if contact_info.emails %}
+          Primary email:
+        {% endif %}
           <a href="mailto:{{ contact_info.email }}">{{ contact_info.email }}</a>
         </div>
       {% endif %}
@@ -16,7 +19,7 @@
         {% for email in contact_info.emails %}
           {% if email.email %}
             <div class="card__contact-info--emails">
-              {{ email.description }}: {{ email.email }}
+              {{ email.description }}: <a href="mailto:{{ email.email }}">{{ email.email }}</a>
             </div>
           {% endif %}
         {% endfor %}
diff --git a/src/patterns/04-components/contact/contact.twig b/src/patterns/04-components/contact/contact.twig
index afc3f6f6590bbd28529a5a6330e554e64244cc22..afcc545cbbc169b8991f0e2050f080e0da398010 100644
--- a/src/patterns/04-components/contact/contact.twig
+++ b/src/patterns/04-components/contact/contact.twig
@@ -28,6 +28,9 @@
 
                 {% if contact.footer.contact_info.email %}
                   <div class="uw-contact__email">
+                    {% if contact.footer.contact_info.emails %}
+                      Primary email:
+                    {% endif %}
                     <a href="mailto:{{ contact.footer.contact_info.email }}">{{ contact.footer.contact_info.email }}</a>
                   </div>
                 {% endif %}
@@ -35,7 +38,7 @@
                   {% for email in contact.footer.contact_info.emails %}
                     {% if email.email %}
                       <div class="uw-contact__emails">
-                        {{ email.description }}: {{ email.email }}
+                        {{ email.description }}: <a href="mailto:{{ email.email }}">{{ email.email }}</a>
                       </div>
                     {% endif %}
                   {% endfor %}