diff --git a/addons/web/static/src/core/notifications/notification.scss b/addons/web/static/src/core/notifications/notification.scss
index c3147f42196..d7cd6768920 100644
--- a/addons/web/static/src/core/notifications/notification.scss
+++ b/addons/web/static/src/core/notifications/notification.scss
@@ -7,6 +7,7 @@
     z-index: $o-notification-zindex;
 
     .o_notification {
+        background-color: var(--Notification__background-color, #{$o-view-background-color}); // Needed to override the background in 'website.scss'
         border-left-width: $o-notification-border-left-width !important; // Overrides border-[x] utility classes
         box-shadow: $o-notification-shadow;
     }
diff --git a/addons/web/static/src/core/notifications/notification.xml b/addons/web/static/src/core/notifications/notification.xml
index 1d75a60a079..6135408641f 100644
--- a/addons/web/static/src/core/notifications/notification.xml
+++ b/addons/web/static/src/core/notifications/notification.xml
@@ -2,7 +2,7 @@
 <templates xml:space="preserve">
 
     <t t-name="web.NotificationWowl">
-        <div t-on-mouseenter="this.props.freeze" t-on-mouseleave="this.props.refresh" t-attf-class="o_notification {{props.className}} border border-{{props.type}} bg-view mb-2 position-relative"
+        <div t-on-mouseenter="this.props.freeze" t-on-mouseleave="this.props.refresh" t-attf-class="o_notification {{props.className}} border border-{{props.type}} mb-2 position-relative"
          role="alert" aria-live="assertive" aria-atomic="true">
             <strong t-if="props.title" t-attf-class="o_notification_title d-block text-{{props.type}} py-2 ps-3 pe-5" t-out="props.title"/>
             <button type="button" class="o_notification_close btn" aria-label="Close" t-on-click="props.close">
diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss
index 0a92112ea49..c53079cd376 100644
--- a/addons/website/static/src/scss/website.scss
+++ b/addons/website/static/src/scss/website.scss
@@ -1675,6 +1675,11 @@ input[value*="data-oe-translation-initial-sha"] {
     }
 }
 
+// Notification
+.o_notification_manager .o_notification {
+    --Notification__background-color: #{$body-bg};
+}
+
 //------------------------------------------------------------------------------
 // Website Animate
 //------------------------------------------------------------------------------