diff --git a/addons/mail/static/src/core_ui/message.scss b/addons/mail/static/src/core_ui/message.scss
index a83ac0d08da..3a57591c9c3 100644
--- a/addons/mail/static/src/core_ui/message.scss
+++ b/addons/mail/static/src/core_ui/message.scss
@@ -28,10 +28,6 @@
     }
 }
 
-.o-mail-Message:not(.o-selfAuthored) .o-mail-Message-bubble {
-    opacity: 0.15;
-}
-
 .o-mail-ChatWindow .o-mail-Message.o-selfAuthored {
     flex-direction: row-reverse;
 
diff --git a/addons/mail/static/src/core_ui/message.xml b/addons/mail/static/src/core_ui/message.xml
index 91fe21fe670..5709dc9ca98 100644
--- a/addons/mail/static/src/core_ui/message.xml
+++ b/addons/mail/static/src/core_ui/message.xml
@@ -95,7 +95,7 @@
                                 <t t-if="message.type !== 'notification' and !message.isTransient and (!message.isBodyEmpty or message.subtypeDescription)">
                                     <div class="position-relative">
                                         <div class="o-mail-Message-bubble rounded-bottom-3 position-absolute top-0 start-0 w-100 h-100" t-att-class="{
-                                                    'bg-info-light border border-info': !message.isSelfAuthored and !message.isNote,
+                                                    'bg-info-light border border-info opacity-25': !message.isSelfAuthored and !message.isNote,
                                                     'bg-success-light border border-success opacity-25': message.isSelfAuthored and !message.isNote,
                                                     }" t-attf-class="{{ isAlignedRight ? 'rounded-start-3' : 'rounded-end-3' }}"/>
                                         <div class="position-relative" t-att-class="{