diff --git a/src/components/Chat/MessageItem.tsx b/src/components/Chat/MessageItem.tsx
index 3151fc5..df6180c 100644
--- a/src/components/Chat/MessageItem.tsx
+++ b/src/components/Chat/MessageItem.tsx
@@ -340,6 +340,15 @@ export const MessageItem = memo(
                       scrollToItem(replyIndex);
                     }}
                   >
+                    <Box
+                      sx={{
+                        background: theme.palette.text.primary,
+                        height: '100%',
+                        width: '5px',
+                        flexShrink: 0,
+                      }} // This is the little bar at left of replied messages
+                    />
+
                     <Box
                       sx={{
                         padding: '5px',
@@ -385,6 +394,7 @@ export const MessageItem = memo(
               {message?.images && messageHasImage(message) && (
                 <Embed embedLink={buildImageEmbedLink(message.images[0])} />
               )}
+
               <Box
                 sx={{
                   display: 'flex',