From 943bf477a01d573e66c023c69b6644af0a3c92d8 Mon Sep 17 00:00:00 2001
From: Aditya Gupta <adityagupta11219@gmail.com>
Date: Fri, 6 Oct 2023 23:37:23 +0530
Subject: [PATCH] Fix: Conversations tabs overlapping

---
 frontend/src/Navigation.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Navigation.tsx b/frontend/src/Navigation.tsx
index 4778976..9507cfe 100644
--- a/frontend/src/Navigation.tsx
+++ b/frontend/src/Navigation.tsx
@@ -201,7 +201,9 @@ export default function Navigation() {
                     <div className="flex gap-4">
                       <img src={Message} className="ml-2 w-5"></img>
                       <p className="my-auto text-eerie-black">
-                        {conversation.name}
+                        {conversation.name.length > 45
+                          ? conversation.name.substring(0, 45) + '...'
+                          : conversation.name}
                       </p>
                     </div>