From aba03088a43a900086dcb94493b13e39392e91e0 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 1 Apr 2024 19:09:54 -0300
Subject: [PATCH] Update max-width of chat message sender name

---
 .../modals/IOModal/components/chatView/chatMessage/index.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/modals/IOModal/components/chatView/chatMessage/index.tsx b/src/frontend/src/modals/IOModal/components/chatView/chatMessage/index.tsx
index 0cbe2ecd3..9317a4bfb 100644
--- a/src/frontend/src/modals/IOModal/components/chatView/chatMessage/index.tsx
+++ b/src/frontend/src/modals/IOModal/components/chatView/chatMessage/index.tsx
@@ -110,7 +110,7 @@ export default function ChatMessage({
       >
         <div
           className={classNames(
-            "mr-3 mt-1 flex max-w-16 flex-col items-center gap-1 overflow-hidden px-3 pb-3"
+            "mr-3 mt-1 flex max-w-24 flex-col items-center gap-1 overflow-hidden px-3 pb-3"
           )}
         >
           <div className="flex flex-col items-center gap-1">
@@ -126,7 +126,7 @@ export default function ChatMessage({
                 alt={!chat.isSend ? "robot_image" : "male_technology"}
               />
             </div>
-            <span className="max-w-16 truncate text-xs">
+            <span className="max-w-24 truncate text-xs">
               {chat.sender_name}
             </span>
           </div>