diff --git a/resources/js/notifications/components/notification-message.vue b/resources/js/notifications/components/notification-message.vue
index 1e77bf125f..b5d3e1230d 100644
--- a/resources/js/notifications/components/notification-message.vue
+++ b/resources/js/notifications/components/notification-message.vue
@@ -109,14 +109,14 @@ export default {
   margin-bottom: 1em;
 }
 .bubble {
-  background-color: lighten($primary, 55%);
+  background-color: lighten($primary, 40%);
   border-radius: 1em;
   padding: 1em;
   margin-top: 1em;
 }
 .bubble-sm {
   font-size: 0.8em;
-  background-color: lighten($primary, 55%);
+  background-color: lighten($primary, 40%);
   border-radius: 1em;
   padding: 1em;
   margin-top: 1em;