diff --git a/templates/zerver/emails/email.css b/templates/zerver/emails/email.css
index ab738974e3..c32e5fd089 100644
--- a/templates/zerver/emails/email.css
+++ b/templates/zerver/emails/email.css
@@ -282,6 +282,14 @@ a.button:hover {
     font-weight: normal;
 }
 
+.email-preferences {
+    color: #666;
+}
+
+.email-preferences a {
+    color: #15c;
+}
+
 @media only screen and (max-width: 620px) {
     table[class=body] h1 {
         font-size: 28px !important;
diff --git a/templates/zerver/emails/missed_message.source.html b/templates/zerver/emails/missed_message.source.html
index af6e9058c4..acbb19cc4a 100644
--- a/templates/zerver/emails/missed_message.source.html
+++ b/templates/zerver/emails/missed_message.source.html
@@ -63,5 +63,8 @@
 {% endblock %}
 
 {% block manage_preferences %}
-<p><a href="{{ realm_uri }}/#settings/notifications">Manage email preferences</a> | <a href="{{ unsubscribe_link }}">Unsubscribe from missed message emails</a></p>
+<div class="email-preferences">
+    &mdash;<br>
+    <a href="{{ realm_uri }}/#settings/notifications">Manage email preferences</a> | <a href="{{ unsubscribe_link }}">Unsubscribe</a> from missed message emails.<br>
+</div>
 {% endblock %}