From 9849ab08f11abb03651ad490525779b4d12b5246 Mon Sep 17 00:00:00 2001
From: keerthi lochan kumar
 <121881902+Keerthilochankumar@users.noreply.github.com>
Date: Wed, 23 Oct 2024 20:46:28 +0530
Subject: [PATCH] fixes text overflow in resource details page (#8904)

---
 src/components/Resource/ResourceDetails.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Resource/ResourceDetails.tsx b/src/components/Resource/ResourceDetails.tsx
index 667762e5d22..4cfe959b7b9 100644
--- a/src/components/Resource/ResourceDetails.tsx
+++ b/src/components/Resource/ResourceDetails.tsx
@@ -322,7 +322,7 @@ export default function ResourceDetails(props: { id: string }) {
 
               <div className="md:col-span-2 md:row-span-2">
                 <div className="font-semibold leading-relaxed">Reason: </div>
-                <div className="ml-2">{data.reason || "--"}</div>
+                <div className="break-words">{data.reason || "--"}</div>
               </div>
             </div>