Merge pull request #43479 from bernhardoj/fix/43115-system-chat-footer-message-out-of-box

Fix chat with your setup specialist message not aligned and gets out of box

Author: puneetlath

src/components/Banner.tsx

@@ -93,17 +93,18 @@ function Banner({
                             )}
                             {content && content}
 
-                            {shouldRenderHTML && text ? (
-                                <RenderHTML html={text} />
-                            ) : (
-                                <Text
-                                    style={[styles.flex1, styles.flexWrap, textStyles]}
-                                    onPress={onPress}
-                                    suppressHighlighting
-                                >
-                                    {text}
-                                </Text>
-                            )}
+                            {text &&
+                                (shouldRenderHTML ? (
+                                    <RenderHTML html={text} />
+                                ) : (
+                                    <Text
+                                        style={[styles.flex1, styles.flexWrap, textStyles]}
+                                        onPress={onPress}
+                                        suppressHighlighting
+                                    >
+                                        {text}
+                                    </Text>
+                                ))}
                         </View>
                         {shouldShowCloseButton && !!onClose && (
                             <Tooltip text={translate('common.close')}>

src/pages/home/report/SystemChatReportFooterMessage.tsx

@@ -70,7 +70,14 @@ function SystemChatReportFooterMessage({choice, policies, activePolicyID}: Syste
             containerStyles={[styles.chatFooterBanner]}
             shouldShowIcon
             icon={Expensicons.Lightbulb}
-            content={<Text suppressHighlighting>{content}</Text>}
+            content={
+                <Text
+                    suppressHighlighting
+                    style={styles.flex1}
+                >
+                    {content}
+                </Text>
+            }
         />
     );
 }