diff --git a/kit/src/components/message/mod.rs b/kit/src/components/message/mod.rs
index 4525361c615..074802d5d64 100644
--- a/kit/src/components/message/mod.rs
+++ b/kit/src/components/message/mod.rs
@@ -364,7 +364,7 @@ pub fn Message<'a>(cx: Scope<'a, Props<'a>>) -> Element<'a> {
         },
         div {
             class: "{reactions_class}",
-            aria_label: "message-reaction-container",
+            aria_label: "message-reactions-container",
             cx.props.reactions.iter().map(|reaction| {
                 let reaction_count = reaction.reaction_count;
                 let emoji = &reaction.emoji;
diff --git a/kit/src/components/message/style.scss b/kit/src/components/message/style.scss
index ed4ac8940ae..c43dca4acdb 100644
--- a/kit/src/components/message/style.scss
+++ b/kit/src/components/message/style.scss
@@ -125,8 +125,6 @@
 	border: 1px solid var(--border-subtle-color);
 	border-radius: var(--border-radius-more);
 	background-color: var(--secondary-dark);
-	margin-left: 5px;
-	margin-top: 3px;
 	padding: 2px 5px;
 	cursor: pointer;
 	border: none;
diff --git a/ui/src/layouts/chats/style.scss b/ui/src/layouts/chats/style.scss
index b013dec59e5..073381ce6e5 100644
--- a/ui/src/layouts/chats/style.scss
+++ b/ui/src/layouts/chats/style.scss
@@ -39,8 +39,11 @@
 .message-reactions-container {
   display: inline-flex;
   flex-direction: row;
+  flex-wrap: wrap;
   color: var(--text-color);
   justify-content: flex-end;
+  scale: 0.8;
+  transform-origin: left;
 
   &.pointer {
     cursor: pointer