From da8b3c429b2907356b9fd7fa06103b26bed152b0 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Wed, 26 Feb 2025 09:19:12 -0600
Subject: [PATCH] Merge pull request #23394 from
 overleaf/jel-bs5-notification-close

[web] Use RGB to fix close button hover effect

GitOrigin-RevId: 9c636fdcf509b76a3a7fbad365e24f6adb75f8ee
---
 .../stylesheets/bootstrap-5/components/notifications.scss     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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);
       }
     }