diff --git a/front/src/components/Content/Message.vue b/front/src/components/Content/Message.vue
index dcace89..fe18958 100644
--- a/front/src/components/Content/Message.vue
+++ b/front/src/components/Content/Message.vue
@@ -101,12 +101,12 @@ export default {
 </script>
 
 <style>
-.message {
+.message-outer {
   position: relative;
   display: block;
 }
 
-.message:hover .reactions {
+.message-outer:hover .reactions {
   display: flex;
   position: absolute;
   top: 0;
@@ -140,4 +140,8 @@ export default {
 .message-data .time {
   text-align: right;
 }
+
+.message-data-reactions {
+  margin-bottom: 1em;
+}
 </style>
\ No newline at end of file