From f8951d1c0dedaf8e2d9d085b713fed552079b3ab Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 30 May 2022 08:22:48 -0500
Subject: [PATCH] Update ConversationLabel.tsx

---
 .../src/subcomponents/ConversationLabel.tsx    | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/desktop/src/subcomponents/ConversationLabel.tsx b/packages/desktop/src/subcomponents/ConversationLabel.tsx
index 98f5d7a..65f997e 100644
--- a/packages/desktop/src/subcomponents/ConversationLabel.tsx
+++ b/packages/desktop/src/subcomponents/ConversationLabel.tsx
@@ -23,7 +23,11 @@ export default function ConversationLabel({ conversationName, users }: IConversa
   const { user } = useAuth();
 
   if (conversationName) {
-    return <Typography variant="overline">{conversationName}</Typography>;
+    return (
+      <Typography noWrap variant="overline">
+        {conversationName}
+      </Typography>
+    );
   }
 
   const filteredUsers = users.filter((convoUser) => convoUser.id !== user.uid);
@@ -31,7 +35,11 @@ export default function ConversationLabel({ conversationName, users }: IConversa
   if (filteredUsers.length === 1) {
     const firstName = filteredUsers[0].displayName.split(' ')[0];
 
-    return <Typography variant="overline">{firstName}</Typography>;
+    return (
+      <Typography noWrap variant="overline">
+        {firstName}
+      </Typography>
+    );
   }
 
   if (filteredUsers.length > 1) {
@@ -39,7 +47,11 @@ export default function ConversationLabel({ conversationName, users }: IConversa
 
     const formattedFirstnames = firstNames.slice(0, -1).join(',') + ' and ' + firstNames.slice(-1);
 
-    return <Typography variant="overline">{formattedFirstnames}</Typography>;
+    return (
+      <Typography noWrap variant="overline">
+        {formattedFirstnames}
+      </Typography>
+    );
   }
 
   return;