diff --git a/src/components/Reactions/Reactions.scss b/src/components/Reactions/Reactions.scss
index 1d4873a..105f1c6 100644
--- a/src/components/Reactions/Reactions.scss
+++ b/src/components/Reactions/Reactions.scss
@@ -3,7 +3,7 @@
 $block: '.#{variables.$ns}reactions';
 
 #{$block} {
-    &__reaction-button_add-button {
+    &__add-reaction-button-content {
         color: var(--g-color-text-secondary);
     }
 
diff --git a/src/components/Reactions/Reactions.tsx b/src/components/Reactions/Reactions.tsx
index 9b56357..9a2fc2f 100644
--- a/src/components/Reactions/Reactions.tsx
+++ b/src/components/Reactions/Reactions.tsx
@@ -157,14 +157,16 @@ export function Reactions({
                         autoFocus
                     >
                         <Button
-                            className={b('reaction-button', {size, 'add-button': true})}
+                            className={b('reaction-button')}
                             size={size}
                             extraProps={{'aria-label': i18n('add-reaction')}}
                             view="flat"
                         >
-                            <Button.Icon>
-                                <Icon data={FaceSmile} size={buttonSizeToIconSize[size]} />
-                            </Button.Icon>
+                            <span className={b('add-reaction-button-content')}>
+                                <Button.Icon>
+                                    <Icon data={FaceSmile} size={buttonSizeToIconSize[size]} />
+                                </Button.Icon>
+                            </span>
                         </Button>
                     </Popover>
                 )}