diff --git a/ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/EmojiReactions.qml b/ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/EmojiReactions.qml
index 4926545dc9..113699b517 100644
--- a/ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/EmojiReactions.qml
+++ b/ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/EmojiReactions.qml
@@ -70,8 +70,9 @@ Item {
                 width: emojiImage.width + emojiCount.width + (root.imageMargin * 2) +  + 8
                 height: 20
                 radius: 10
-                color: modelData.currentUserReacted ? Style.current.secondaryBackground :
-                                                      (isHovered ? Style.current.emojiReactionBackgroundHovered : Style.current.emojiReactionBackground)
+                color: modelData.currentUserReacted ?
+                           (isHovered ? Style.current.emojiReactionActiveBackgroundHovered : Style.current.secondaryBackground) :
+                           (isHovered ? Style.current.emojiReactionBackgroundHovered : Style.current.emojiReactionBackground)
 
                 StatusToolTip {
                     visible: mouseArea.containsMouse
@@ -82,8 +83,8 @@ Item {
                 // Rounded corner to cover one corner
                 Rectangle {
                     color: parent.color
-                    width: 8
-                    height: 8
+                    width: 10
+                    height: 10
                     anchors.top: parent.top
                     anchors.left: !isCurrentUser || appSettings.compactMode ? parent.left : undefined
                     anchors.leftMargin: 0
@@ -111,8 +112,8 @@ Item {
 
                             Rectangle {
                                 color: parent.color
-                                width: 8
-                                height: 8
+                                width: 10
+                                height: 10
                                 anchors.top: parent.top
                                 anchors.left: !isCurrentUser || appSettings.compactMode ? parent.left : undefined
                                 anchors.leftMargin: 0
diff --git a/ui/imports/Themes/DarkTheme.qml b/ui/imports/Themes/DarkTheme.qml
index 463cfe1447..716cc893a8 100644
--- a/ui/imports/Themes/DarkTheme.qml
+++ b/ui/imports/Themes/DarkTheme.qml
@@ -53,6 +53,7 @@ Theme {
     property color primarySelectionColor: "#b4c8ff"
     property color emojiReactionBackground: "#2d2823"
     property color emojiReactionBackgroundHovered: "#3a3632"
+    property color emojiReactionActiveBackgroundHovered: "#cbd5f1"
     property color mentionColor: "#47B6D1"
     property color mentionBgColor: Qt.rgba(71, 182, 209, 0.1)
     property color mentionMessageColor: "#E5F8FD"
diff --git a/ui/imports/Themes/LightTheme.qml b/ui/imports/Themes/LightTheme.qml
index 62171adbd7..13babd9319 100644
--- a/ui/imports/Themes/LightTheme.qml
+++ b/ui/imports/Themes/LightTheme.qml
@@ -52,6 +52,7 @@ Theme {
     property color primarySelectionColor: "#b4c8ff"
     property color emojiReactionBackground: "#e2e6e9"
     property color emojiReactionBackgroundHovered: "#d7dadd"
+    property color emojiReactionActiveBackgroundHovered: "#cbd5f1"
     property color mentionColor: "#0DA4C9"
     property color mentionBgColor: "#D4F3FA"
     property color mentionMessageColor: "#E5F8FD"
diff --git a/ui/imports/Themes/Theme.qml b/ui/imports/Themes/Theme.qml
index aa9d2ca3bf..194c147582 100644
--- a/ui/imports/Themes/Theme.qml
+++ b/ui/imports/Themes/Theme.qml
@@ -41,6 +41,7 @@ QtObject {
     property color primarySelectioncolor
     property color emojiReactionBackground
     property color emojiReactionBackgroundHovered
+    property color emojiReactionActiveBackgroundHovered
     property color mentionColor
     property color mentionBgColor
     property color mentionMessageColor