diff --git a/src/pages/notifications.css b/src/pages/notifications.css
index 9b2c4179..199f272e 100644
--- a/src/pages/notifications.css
+++ b/src/pages/notifications.css
@@ -17,14 +17,14 @@
   opacity: 0.75;
   color: var(--text-insignificant-color);
 }
-.notification-type.favourite {
+.notification-type.notification-favourite {
   color: var(--favourite-color);
 }
-.notification-type.reblog {
+.notification-type.notification-reblog {
   color: var(--reblog-color);
 }
-.notification-type.poll,
-.notification-type.mention {
+.notification-type.notification-poll,
+.notification-type.notification-mention {
   color: var(--link-color);
 }
 
diff --git a/src/pages/notifications.jsx b/src/pages/notifications.jsx
index 23e5d772..e58f332f 100644
--- a/src/pages/notifications.jsx
+++ b/src/pages/notifications.jsx
@@ -61,7 +61,7 @@ function Notification({ notification }) {
   return (
     <>
       <div
-        class={`notification-type ${type}`}
+        class={`notification-type notification-${type}`}
         title={new Date(notification.createdAt).toLocaleString()}
       >
         <Icon