diff --git a/changelog.d/react-button-safari.fix b/changelog.d/react-button-safari.fix
new file mode 100644
index 00000000..9846d50d
--- /dev/null
+++ b/changelog.d/react-button-safari.fix
@@ -0,0 +1 @@
+Fix react button misalignment on safari ios
diff --git a/src/components/emoji_reactions/emoji_reactions.vue b/src/components/emoji_reactions/emoji_reactions.vue
index 92fc58ca..c11b338e 100644
--- a/src/components/emoji_reactions/emoji_reactions.vue
+++ b/src/components/emoji_reactions/emoji_reactions.vue
@@ -93,6 +93,7 @@
 
       .emoji-reaction-count-button {
         background-color: var(--btn);
+        margin: 0;
         height: 100%;
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
@@ -120,6 +121,7 @@
     box-sizing: border-box;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
+    margin: 0;
 
     .reaction-emoji {
       width: var(--emoji-size);