diff --git a/addons/mail/static/src/core/common/message_reaction_list.xml b/addons/mail/static/src/core/common/message_reaction_list.xml
index d08db28ff4cda..8fdd3617b1a88 100644
--- a/addons/mail/static/src/core/common/message_reaction_list.xml
+++ b/addons/mail/static/src/core/common/message_reaction_list.xml
@@ -12,7 +12,7 @@
     <t t-name="mail.MessageReactionList.button">
         <button class="position-relative o-mail-MessageReaction btn d-flex p-0 border rounded-2 mb-1 fs-5 px-1 gap-1 align-items-center" t-on-click="() => this.onClickReaction(props.reaction)" t-on-contextmenu="onContextMenu" t-on-mouseenter="loadEmoji" t-ref="reactionButton" t-att-class="{
             'o-selfReacted border-primary text-primary fw-bold': hasSelfReacted(props.reaction),
-            'bg-view': !hasSelfReacted(props.reaction),
+            'bg-view border-secondary': !hasSelfReacted(props.reaction),
             'ms-1': env.inChatWindow and env.alignedRight,
             'me-1': !(env.inChatWindow and env.alignedRight),
         }">