From 8fb341b3ce2f04a5b2c81f0e181a65d88c8bc536 Mon Sep 17 00:00:00 2001
From: Abhishek Farshwal <136872441+Abhishek2634@users.noreply.github.com>
Date: Tue, 4 Mar 2025 13:56:56 +0530
Subject: [PATCH] Fix : Notes Overflowing Out Of Screen Issue. (#10943)

Co-authored-by: Amjith Titus <amjithtitus09@gmail.com>
---
 src/pages/Encounters/tabs/EncounterNotesTab.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Encounters/tabs/EncounterNotesTab.tsx b/src/pages/Encounters/tabs/EncounterNotesTab.tsx
index a1eea42f861..12885fd6499 100644
--- a/src/pages/Encounters/tabs/EncounterNotesTab.tsx
+++ b/src/pages/Encounters/tabs/EncounterNotesTab.tsx
@@ -184,7 +184,7 @@ const MessageItem = ({ message }: { message: Message }) => {
           </p>
           <div
             className={cn(
-              "p-3 rounded-lg break-words",
+              "p-3 rounded-lg break-words whitespace-pre-wrap w-full max-w-xs sm:max-w-sm md:max-w-md lg:max-w-lg",
               isCurrentUser
                 ? "bg-white text-black rounded-tr-none border border-gray-200"
                 : "bg-gray-100 rounded-tl-none border border-gray-200",