From a6e3e5f88e5d879c5148aeacfc24b7b0333f0017 Mon Sep 17 00:00:00 2001
From: Sergey Yarkov <serzh.yarkov@gmail.com>
Date: Tue, 1 Mar 2022 22:43:40 +0300
Subject: [PATCH] fix: chat sidebar layout

---
 src/components/Chat/Sidebar/Users/User/Info.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Chat/Sidebar/Users/User/Info.tsx b/src/components/Chat/Sidebar/Users/User/Info.tsx
index b8fca1e..66a6d35 100644
--- a/src/components/Chat/Sidebar/Users/User/Info.tsx
+++ b/src/components/Chat/Sidebar/Users/User/Info.tsx
@@ -15,8 +15,8 @@ const Info: React.FC<IInfoProps> = ({ fullname, lastMessage }) => {
   const isMe = me?.fullname === fullname;
 
   return (
-    <Box ml='4'>
-      <Text fontWeight={'semibold'}>
+    <Box ml='4' maxW='200px'>
+      <Text fontWeight={'semibold'} textOverflow={'ellipsis'} overflow={'hidden'} whiteSpace='nowrap'>
         {isMe ? 'Favorites' : fullname} <br />
         {lastMessage && (
           <Text as={'span'} fontWeight='normal' fontSize={'sm'} color='gray.500'>