diff --git a/src/pages/notifications.css b/src/pages/notifications.css
index 2a33c215..0782e7b6 100644
--- a/src/pages/notifications.css
+++ b/src/pages/notifications.css
@@ -4,7 +4,7 @@
   gap: 12px;
   animation: appear 0.2s ease-out;
 }
-.notification.mention {
+.notification.notification-mention {
   margin-top: 16px;
 }
 .only-mentions .notification:not(.mention),
diff --git a/src/pages/notifications.jsx b/src/pages/notifications.jsx
index 739ea1f9..ad82177a 100644
--- a/src/pages/notifications.jsx
+++ b/src/pages/notifications.jsx
@@ -318,7 +318,7 @@ function Notification({ notification, instance }) {
       : contentText[type];
 
   return (
-    <div class={`notification ${type}`} tabIndex="0">
+    <div class={`notification notification-${type}`} tabIndex="0">
       <div
         class={`notification-type notification-${type}`}
         title={new Date(notification.createdAt).toLocaleString()}