diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 35c91a7e9..6e56d50cb 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -18922,8 +18922,8 @@ export function CanvasChatPanel({
                   className={cn(
                     "h-8 w-8 shrink-0 rounded-full transition-colors",
                     imageAgentEnabled
-                      ? "text-[#5b6472] hover:bg-[#f3f4f6] hover:text-[#20242a] dark:text-zinc-300 dark:hover:bg-white/10"
-                      : "bg-[#eeeeef] text-[#20242a] hover:bg-[#e2e3e5] dark:bg-white/10 dark:text-zinc-100 dark:hover:bg-white/15"
+                      ? "bg-violet-100 text-violet-700 hover:bg-violet-200 dark:bg-violet-400/15 dark:text-violet-200 dark:hover:bg-violet-400/25"
+                      : "text-[#9ca3af] hover:bg-[#f3f4f6] hover:text-[#6b7280] dark:text-zinc-500 dark:hover:bg-white/10 dark:hover:text-zinc-300"
                   )}
                   onClick={() => {
                     if (imageAgentEnabled) {
@@ -18969,7 +18969,7 @@ export function CanvasChatPanel({
                   }
                   aria-pressed={imageAgentEnabled}
                 >
-                  {imageAgentEnabled ? <X className="h-4 w-4" /> : <Bot className="h-4 w-4" />}
+                  <Brain className="h-4 w-4" />
                 </Button>
               ) : null}