diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 218d1f446..8a5630c98 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -2582,21 +2582,15 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
                     type="button"
                     variant="ghost"
                     className={cn(
-                      "relative h-8 cursor-pointer rounded-full px-3 text-sm font-medium overflow-visible",
+                      "relative h-8 cursor-pointer rounded-full px-3 text-sm font-medium",
                       activeComposerMode === "video"
                         ? "border border-blue-500 bg-blue-50 text-blue-600 hover:bg-blue-100"
                         : activeComposerMode === "image"
                           ? "border border-purple-500 bg-purple-50 text-purple-700 hover:bg-purple-100"
-                          : "border border-zinc-300 bg-zinc-50 text-zinc-700 hover:bg-zinc-100"
+                          : "border border-[#9eb3ff] bg-white text-zinc-700 hover:bg-zinc-50"
                     )}
                   >
-                    {activeComposerMode === "agent" ? (
-                      <>
-                        <span className="pointer-events-none absolute -inset-[1px] rounded-full border border-indigo-300/70 shadow-[0_0_14px_rgba(99,102,241,0.22),0_0_12px_rgba(59,130,246,0.18)] animate-pulse" />
-                        <span className="pointer-events-none absolute -inset-[2px] rounded-full bg-gradient-to-r from-blue-300/10 via-violet-300/16 to-blue-300/10 blur-[2px] animate-pulse" />
-                      </>
-                    ) : null}
-                    <span className="relative z-10 flex items-center">
+                    <span className="flex items-center">
                       {activeComposerMode === "video" ? (
                         <Video className="mr-1 h-4 w-4" />
                       ) : activeComposerMode === "image" ? (