diff --git a/app/javascript/styles/about.scss b/app/javascript/styles/about.scss
index 3258f1b8d088be6341643000efde9ffdf626ef5c..1c5f13e329b89d874e0e58ffbd01c7b5b0fe1b0a 100644
--- a/app/javascript/styles/about.scss
+++ b/app/javascript/styles/about.scss
@@ -147,9 +147,10 @@
       white-space: nowrap;
       overflow: hidden;
 
-      span {
+      a {
         font-weight: 400;
         color: lighten($ui-base-color, 34%);
+        text-decoration: none;
       }
     }
   }
diff --git a/app/views/about/_contact.html.haml b/app/views/about/_contact.html.haml
index 822639962224434d5767c140395fb4a8764986dc..81b7db61f473155dbae432657af5d32fed026b07 100644
--- a/app/views/about/_contact.html.haml
+++ b/app/views/about/_contact.html.haml
@@ -2,7 +2,7 @@
   .panel-header
     = succeed ':' do
       = t 'about.contact'
-    %span{ title: contact.site_contact_email.presence }= contact.site_contact_email.presence
+    = mail_to contact.site_contact_email.presence, nil, :title => contact.site_contact_email.presence
   .panel-body
     - if contact.contact_account
       .owner