diff --git a/libs/ui/elements/src/lib/metadata-contact/metadata-contact.component.html b/libs/ui/elements/src/lib/metadata-contact/metadata-contact.component.html
index f757f765f7..c973b9d66a 100644
--- a/libs/ui/elements/src/lib/metadata-contact/metadata-contact.component.html
+++ b/libs/ui/elements/src/lib/metadata-contact/metadata-contact.component.html
@@ -10,7 +10,9 @@
       {{ shownContact.organisation }}
     </div>
   </div>
-  <p class="text-gray-700 text-sm">{{ shownContact.email }}</p>
+  <a [href]="'mailto:' + shownContact.email" class="text-gray-700 text-sm">{{
+    shownContact.email
+  }}</a>
   <div *ngIf="shownContact.website" class="mb-2">
     <a
       [href]="shownContact.website"