diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/notifications.scss b/services/web/frontend/stylesheets/bootstrap-5/components/notifications.scss
index 1243e03ecf..2dc789ad44 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/notifications.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/notifications.scss
@@ -40,7 +40,7 @@
 
     &:hover,
     &:focus {
-      background-color: rgb(var(--neutral-90) 0.08);
+      background-color: rgba($neutral-90, 0.08);
       color: var(--content-secondary);
     }
   }
@@ -124,7 +124,7 @@
 
       &:hover,
       &:focus {
-        background-color: rgb(var(--neutral-90) 0.08);
+        background-color: rgba($neutral-90, 0.08);
         color: var(--content-secondary);
       }
     }