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>