fix: ShowMoreText component usage in AppStatusModal

Author: AbhishekA1509

src/Shared/Components/AppStatusModal/AppStatusBody.tsx

@@ -19,7 +19,12 @@ const InfoCardItem = ({ heading, value, isLast = false }: { heading: string; val
         </Tooltip>
 
         {typeof value === 'string' ? (
-            <ShowMoreText key={`show-more-text-${value}`} textClass="cn-9 fs-13 fw-4 lh-1-5" text={value} />
+            <ShowMoreText
+                key={`show-more-text-${value}`}
+                containerClass="mw-720 pr-20"
+                textClass="cn-9 fs-13 fw-4 lh-1-5"
+                text={value}
+            />
         ) : (
             value
         )}

src/Shared/Components/AppStatusModal/AppStatusContent.tsx

@@ -107,7 +107,11 @@ const AppStatusContent = ({
                                     )}
                                 </div>
                             )}
-                            <ShowMoreText key={getNodeMessage(nodeDetails)} text={getNodeMessage(nodeDetails)} />
+                            <ShowMoreText
+                                key={`${getNodeMessage(nodeDetails)}-${nodeDetails.name}-${nodeDetails.kind}`}
+                                containerClass="w-450"
+                                text={getNodeMessage(nodeDetails)}
+                            />
                         </div>
                     </div>
                 ))}