diff --git a/frontend/app/notification/ratingbubble.scss b/frontend/app/notification/ratingbubble.scss
index 4e86efe56..5049b3da5 100644
--- a/frontend/app/notification/ratingbubble.scss
+++ b/frontend/app/notification/ratingbubble.scss
@@ -11,7 +11,7 @@
     border-radius: 8px;
     border: 0.5px solid rgba(255, 255, 255, 0.12);
     background: #232323;
-    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.25);
+    box-shadow: 0px 8px 32px 0px rgb(from var(--main-bg-color) r g b / 0.25);
 
     .notification-inner {
         display: flex;