From 87a62e8228d10084e044f70c32dabbd82561b5b8 Mon Sep 17 00:00:00 2001
From: Rebecca Alpert <ralpert@redhat.com>
Date: Thu, 8 Oct 2026 15:08:39 -0400
Subject: [PATCH 1/2] 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>

From 95d06a16b54bf2ab76bf8d1f8333dc9253b2d674 Mon Sep 17 00:00:00 2001
From: Rebecca Alpert <ralpert@redhat.com>
Date: Tue, 13 Oct 2026 10:54:34 -0400
Subject: [PATCH 2/2] Address feedback

---
 .../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss       | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss b/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss
index 82dc8f17a..6d90ca8f2 100644
--- a/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss
+++ b/packages/module/src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss
@@ -31,11 +31,14 @@
     overflow: visible;
     height: 100%;
     min-width: 0;
+ }
+
+  .pf-chatbot__prompt-suggestion-body {
     overflow-wrap: anywhere;
   }
 
   .pf-chatbot__prompt-suggestion-title {
-    overflow-wrap: anywhere;
+    --pf-v6-c-card__title-text--OverflowWrap: anywhere;
   }
 }