wip

components/blog/ChatBubble.tsx

@@ -46,15 +46,18 @@ export default function ChatBubble({
         </div>
         
         <div className={`
-          relative px-6 py-4 rounded-2xl shadow-sm border
+          relative px-8 py-6 rounded-3xl shadow-sm border transition-all duration-300 hover:shadow-md
           ${isRight 
-            ? 'bg-primary text-white rounded-tr-none border-primary' 
+            ? 'bg-neutral-dark text-white rounded-tr-none border-neutral-dark' 
             : 'bg-white text-text-primary rounded-tl-none border-neutral-200'
           }
         `}>
-          <div className={`prose prose-sm max-w-none ${isRight ? 'prose-invert' : ''}`}>
+          <div className={`prose prose-lg max-w-none ${isRight ? 'prose-invert' : ''}`}>
             {children}
           </div>
+          
+          {/* Industrial accent dot */}
+          <div className={`absolute top-4 ${isRight ? 'left-4' : 'right-4'} w-1.5 h-1.5 rounded-full ${isRight ? 'bg-primary' : 'bg-primary/30'}`} />
         </div>
       </div>
     </div>