diff --git a/src/styles/StyleUtils.js b/src/styles/StyleUtils.js
index 1b43a12b253c..38d66b53df80 100644
--- a/src/styles/StyleUtils.js
+++ b/src/styles/StyleUtils.js
@@ -1019,7 +1019,7 @@ function getEmojiReactionBubbleStyle(isHovered, hasUserReacted, isContextMenu =
     }
 
     if (hasUserReacted) {
-        backgroundColor = themeColors.reactionActive;
+        backgroundColor = themeColors.reactionActiveBackground;
     }
 
     if (isContextMenu) {
@@ -1053,7 +1053,7 @@ function getEmojiReactionBubbleTextStyle(isContextMenu = false) {
 
 function getEmojiReactionCounterTextStyle(hasUserReacted) {
     if (hasUserReacted) {
-        return {color: themeColors.link};
+        return {color: themeColors.reactionActiveText};
     }
 
     return {color: themeColors.textLight};
diff --git a/src/styles/themes/default.js b/src/styles/themes/default.js
index 0917d1d5b794..86a89b38e695 100644
--- a/src/styles/themes/default.js
+++ b/src/styles/themes/default.js
@@ -66,7 +66,8 @@ const darkTheme = {
     pickerOptionsTextColor: colors.white,
     imageCropBackgroundColor: colors.greenIcons,
     fallbackIconColor: colors.green700,
-    reactionActive: '#003C73',
+    reactionActiveBackground: colors.green600,
+    reactionActiveText: colors.green100,
     badgeAdHoc: colors.pink600,
     badgeAdHocHover: colors.pink700,
     mentionText: colors.blue100,