diff --git a/web/chat/message-action-buttons.css b/web/chat/message-action-buttons.css
--- a/web/chat/message-action-buttons.css
+++ b/web/chat/message-action-buttons.css
@@ -1,8 +1,11 @@
-div.messageActionButton {
+div.messageActionButtonsContainer {
+  display: flex;
+  flex-direction: row;
   font-size: 16px;
 }
 div.messageActionLinkIcon {
-  padding: 2px 3px;
+  margin-left: 3px;
+  margin-right: 3px;
   position: relative;
 }
 div.messageActionExtraAreaTop:before {
diff --git a/web/chat/message-action-buttons.js b/web/chat/message-action-buttons.js
--- a/web/chat/message-action-buttons.js
+++ b/web/chat/message-action-buttons.js
@@ -173,7 +173,7 @@
   }
 
   return (
-    <div className={css.messageActionButton}>
+    <div className={css.messageActionButtonsContainer}>
       {sidebarButton}
       {replyButton}
     </div>