diff --git a/src/components/Reactions/Reactions.scss b/src/components/Reactions/Reactions.scss
index 105f1c61..5a0c3e62 100644
--- a/src/components/Reactions/Reactions.scss
+++ b/src/components/Reactions/Reactions.scss
@@ -3,10 +3,6 @@
 $block: '.#{variables.$ns}reactions';
 
 #{$block} {
-    &__add-reaction-button-content {
-        color: var(--g-color-text-secondary);
-    }
-
     &__popup {
         padding: 8px;
     }
diff --git a/src/components/Reactions/Reactions.tsx b/src/components/Reactions/Reactions.tsx
index 9a2fc2f6..ebb249fe 100644
--- a/src/components/Reactions/Reactions.tsx
+++ b/src/components/Reactions/Reactions.tsx
@@ -11,6 +11,7 @@ import {
     PaletteProps,
     Popover,
     QAProps,
+    colorText,
 } from '@gravity-ui/uikit';
 import xor from 'lodash/xor';
 
@@ -162,7 +163,7 @@ export function Reactions({
                             extraProps={{'aria-label': i18n('add-reaction')}}
                             view="flat"
                         >
-                            <span className={b('add-reaction-button-content')}>
+                            <span className={colorText({color: 'secondary'})}>
                                 <Button.Icon>
                                     <Icon data={FaceSmile} size={buttonSizeToIconSize[size]} />
                                 </Button.Icon>