From 489fa7114369c41413f3450cc9dd8eb5b785552a Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Mon, 3 Feb 2025 15:49:43 -0800
Subject: [PATCH] Update the width for rending all conversation sessions

---
 .../web/app/components/allConversations/allConversations.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/interface/web/app/components/allConversations/allConversations.tsx b/src/interface/web/app/components/allConversations/allConversations.tsx
index 2a6c2c5c..353f2dbb 100644
--- a/src/interface/web/app/components/allConversations/allConversations.tsx
+++ b/src/interface/web/app/components/allConversations/allConversations.tsx
@@ -704,7 +704,7 @@ function ChatSession(props: ChatHistory) {
                     className="flex items-center gap-2 no-underline"
                 >
                     <p
-                        className={`${styles.session} ${props.compressed ? styles.compressed : styles.expanded}`}
+                        className={`${styles.session} ${props.compressed ? styles.compressed : 'max-w-[15rem] md:max-w-[22rem]'}`}
                     >
                         {title}
                     </p>
@@ -817,7 +817,7 @@ function ChatSessionsModal({ data, sideBarOpen }: ChatSessionsModalProps) {
                 <DialogHeader>
                     <DialogTitle>All Conversations</DialogTitle>
                     <DialogDescription className="p-0">
-                        <div className="flex flex-row justify-between mt-2 gap-2">
+                        <div className="flex flex-row justify-between mt-2 gap-2 w-fit md:w-full">
                             <Input
                                 value={searchQuery}
                                 onChange={(e) => {