Fix : Notes Overflowing Out Of Screen Issue. (#10943)

Co-authored-by: Amjith Titus <amjithtitus09@gmail.com>
ohcnetwork · Mar 4, 2025 · 8fb341b · 8fb341b
1 parent cb76a55
commit 8fb341b
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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",