diff --git a/changelog.d/7919.misc b/changelog.d/7919.misc
new file mode 100644
index 0000000000..addaa35183
--- /dev/null
+++ b/changelog.d/7919.misc
@@ -0,0 +1 @@
+Use Element CSS and logo in notification emails when app name is Element.
diff --git a/synapse/res/templates/mail-Element.css b/synapse/res/templates/mail-Element.css
new file mode 100644
index 0000000000..6a3e36eda1
--- /dev/null
+++ b/synapse/res/templates/mail-Element.css
@@ -0,0 +1,7 @@
+.header {
+ border-bottom: 4px solid #e4f7ed ! important;
+}
+
+.notif_link a, .footer a {
+ color: #76CFA6 ! important;
+}
diff --git a/synapse/res/templates/notice_expiry.html b/synapse/res/templates/notice_expiry.html
index 6b94d8c367..d87311f659 100644
--- a/synapse/res/templates/notice_expiry.html
+++ b/synapse/res/templates/notice_expiry.html
@@ -22,6 +22,8 @@
{% elif app_name == "Vector" %}
+ {% elif app_name == "Element" %}
+
{% else %}
{% endif %}
diff --git a/synapse/res/templates/notif_mail.html b/synapse/res/templates/notif_mail.html
index 019506e5fb..a2dfeb9e9f 100644
--- a/synapse/res/templates/notif_mail.html
+++ b/synapse/res/templates/notif_mail.html
@@ -22,6 +22,8 @@
{% elif app_name == "Vector" %}
+ {% elif app_name == "Element" %}
+
{% else %}
{% endif %}