diff --git a/ui/homepage/components/ChatBubble.tsx b/ui/homepage/components/ChatBubble.tsx
index 0544571..994bc93 100644
--- a/ui/homepage/components/ChatBubble.tsx
+++ b/ui/homepage/components/ChatBubble.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 export function ChatBubble({ message, type }: { message: string; type: 'user' | 'ai' }) {
-  const base = 'px-4 py-2 rounded-lg max-w-full';
+  const base = 'px-4 py-2 rounded-lg max-w-full whitespace-pre-wrap break-words';
   const userStyle = 'bg-indigo-600 text-white self-end';
   const aiStyle = 'bg-gray-200 text-gray-800';