diff --git a/src/components/message.tsx b/src/components/message.tsx
index 86cd1ca5..d6e5d8e9 100644
--- a/src/components/message.tsx
+++ b/src/components/message.tsx
@@ -47,7 +47,9 @@ const ReplyToMessage = ({ message }: { message: Message }) => {
 
         <p className="text-sm">
           <strong>{message.replyTo.from.username}</strong>:{" "}
-          {message.replyTo.content}
+          {message.replyTo.content.length < 20
+            ? message.replyTo.content
+            : `${message.replyTo.content.slice(0, 20)}...`}
         </p>
       </div>
     );