diff --git a/src/mail_templates/password_reset-html.ejs b/src/mail_templates/password_reset-html.ejs
index 3928b433a..1180a41d2 100644
--- a/src/mail_templates/password_reset-html.ejs
+++ b/src/mail_templates/password_reset-html.ejs
@@ -6,10 +6,11 @@
 
 <p>{{ passwordResetEmail.description }}</p>
 
-<p>
-  <a href="<%= resetLink %>">{{ passwordResetEmail.resetAction }}</a>
-</p>
+<br/>
 
+<a style="border-radius: 2px; background-color: #2196f3; color: white; padding: 6px 12px; text-decoration: none;" href="<%= resetLink %>">{{ passwordResetEmail.resetAction }}</a>
+
+<br/>
 <br/>
 
 {{ passwordResetEmail.expireNote }}
diff --git a/src/mail_templates/welcome_user-html.ejs b/src/mail_templates/welcome_user-html.ejs
index 5e3ef0e53..3256d3dcd 100644
--- a/src/mail_templates/welcome_user-html.ejs
+++ b/src/mail_templates/welcome_user-html.ejs
@@ -5,9 +5,9 @@
 <h3>{{ welcomeEmail.salutation }}</h3>
 <h2>{{ welcomeEmail.welcomeTo }}</h2>
 
-<p>
-  <a href="<%= inviteLink %>">{{ welcomeEmail.inviteLinkAction }}</a>
-</p>
+<br/>
+
+<a style="border-radius: 2px; background-color: #2196f3; color: white; padding: 6px 12px; text-decoration: none;" href="<%= inviteLink %>">{{ welcomeEmail.inviteLinkAction }}</a>
 
 <br/>
 <br/>