diff --git a/src/components/common/messaging/attachments/MessageReply.tsx b/src/components/common/messaging/attachments/MessageReply.tsx
index 4c89819b..c6c220d5 100644
--- a/src/components/common/messaging/attachments/MessageReply.tsx
+++ b/src/components/common/messaging/attachments/MessageReply.tsx
@@ -42,8 +42,8 @@ export const ReplyBase = styled.div<{
         content: "";
         width: 22px;
         height: 10px;
-        border-inline-start: 3px solid #4f515d;
-        border-top: 3px solid #4f515d;
+        border-inline-start: 3px solid var(--message-box);
+        border-top: 3px solid var(--message-box);
         align-self: flex-end;
     }