diff --git a/src/components/common/messaging/attachments/MessageReply.tsx b/src/components/common/messaging/attachments/MessageReply.tsx
index 90005b8a5bc89ceca42942791338cb21f19a82e1..57510184ed69d895ef2cea18d2f93a1ce0e8a77a 100644
--- a/src/components/common/messaging/attachments/MessageReply.tsx
+++ b/src/components/common/messaging/attachments/MessageReply.tsx
@@ -50,6 +50,13 @@ export const ReplyBase = styled.div<{
         font-weight: 600;
         align-items: center;
 
+        span {
+            cursor: pointer;
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+
         /*&::before {
             position:relative;
             width: 50px;
@@ -64,6 +71,17 @@ export const ReplyBase = styled.div<{
         cursor: pointer;
         align-items: center;
         flex-direction: row;
+        transition: filter 1s ease-in-out;
+        transition: transform ease-in-out .1s;
+        filter: brightness(1);
+
+        &:hover {
+            filter: brightness(2);
+        }
+
+        &:active {
+            transform: translateY(1px);
+        }
 
         > * {
             pointer-events: none;