diff --git a/components/button-with-tooltip.tsx b/components/button-with-tooltip.tsx
index bb8f53d..99903b5 100644
--- a/components/button-with-tooltip.tsx
+++ b/components/button-with-tooltip.tsx
@@ -27,7 +27,7 @@ export function ButtonWithTooltip({
                 <TooltipTrigger asChild>
                     <Button {...buttonProps}>{children}</Button>
                 </TooltipTrigger>
-                <TooltipContent>{tooltipContent}</TooltipContent>
+                <TooltipContent className="max-w-xs text-wrap">{tooltipContent}</TooltipContent>
             </Tooltip>
         </TooltipProvider>
     );
diff --git a/components/chat-panel.tsx b/components/chat-panel.tsx
index d81325b..60de246 100644
--- a/components/chat-panel.tsx
+++ b/components/chat-panel.tsx
@@ -4,7 +4,7 @@ import type React from "react";
 import { useRef, useEffect, useState } from "react";
 import { flushSync } from "react-dom";
 import { FaGithub } from "react-icons/fa";
-import { PanelRightClose, PanelRightOpen, AlertTriangle } from "lucide-react";
+import { PanelRightClose, PanelRightOpen, CheckCircle } from "lucide-react";
 import Link from "next/link";
 import Image from "next/image";
 
@@ -475,12 +475,12 @@ Please retry with an adjusted search pattern or use display_diagram if retries a
                             About
                         </Link>
                         <ButtonWithTooltip
-                            tooltipContent="We're experiencing issues with diagram generation. Debugging is in progress."
+                            tooltipContent="Recent generation failures were caused by our AI provider's infrastructure issue, not the app code. After extensive debugging, I've switched providers and observed 30+ minutes of stability. If issues persist, please report on GitHub."
                             variant="ghost"
                             size="icon"
-                            className="h-6 w-6 text-amber-500 hover:text-amber-600"
+                            className="h-6 w-6 text-green-500 hover:text-green-600"
                         >
-                            <AlertTriangle className="h-4 w-4" />
+                            <CheckCircle className="h-4 w-4" />
                         </ButtonWithTooltip>
                     </div>
                     <div className="flex items-center gap-1">