diff --git a/app/assets/stylesheets/notifications.css b/app/assets/stylesheets/notifications.css
index 1cd3a83fc..6ffdcd598 100644
--- a/app/assets/stylesheets/notifications.css
+++ b/app/assets/stylesheets/notifications.css
@@ -71,6 +71,11 @@
     inset: 0 0 auto auto;
     position: absolute;
 
+    &:before,
+    .icon {
+      transition: opacity 150ms ease;
+    }
+
     /* The red dot */
     &:before {
       aspect-ratio: 1;