From 6db8f979bd54e3c6fabb64bdc14b09f4e72f6181 Mon Sep 17 00:00:00 2001
From: Rebecca Alpert <ralpert@redhat.com>
Date: Thu, 8 Oct 2026 15:08:39 -0400
Subject: [PATCH] fix(ChatbotWelcomePrompt): Wrap text

Text was not wrapping properly; added additional CSS to make sure Flex layout functions as desired.

Fixes https://github.com/patternfly/chatbot/issues/910
---
 .../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss      | 6 ++++++
 .../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx       | 6 ++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss b/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss
index 8aa3e6138..82dc8f17a 100644
--- a/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss
+++ b/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss
@@ -30,6 +30,12 @@
     flex: 1;
     overflow: visible;
     height: 100%;
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+
+  .pf-chatbot__prompt-suggestion-title {
+    overflow-wrap: anywhere;
   }
 }
 
diff --git a/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx b/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx
index f2ea568aa..92742e8de 100644
--- a/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx
+++ b/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.tsx
@@ -64,9 +64,11 @@ export const ChatbotWelcomePrompt: FunctionComponent<ChatbotWelcomePromptProps>
                 selectableActionAriaLabelledby: `welcome-prompt-title-${index}`
               }}
             >
-              <CardTitle id={`welcome-prompt-title-${index}`}>{prompt.title}</CardTitle>
+              <CardTitle className="pf-chatbot__prompt-suggestion-title" id={`welcome-prompt-title-${index}`}>
+                {prompt.title}
+              </CardTitle>
             </CardHeader>
-            {prompt.message && <CardBody>{prompt.message}</CardBody>}
+            {prompt.message && <CardBody className="pf-chatbot__prompt-suggestion-body">{prompt.message}</CardBody>}
           </Card>
         ))}
       </div>