diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index ee04e9df7..99dbadb6b 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -2604,40 +2604,40 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
                   align="start"
                   side="top"
                   sideOffset={10}
-                  className="w-[220px] rounded-2xl border border-[#d6d9df] bg-[#f4f5f7] p-2 shadow-[0_10px_24px_rgba(15,23,42,0.14)]"
+                  className="w-[156px] rounded-xl border border-[#d6d9df] bg-[#f4f5f7] p-1.5 shadow-[0_8px_18px_rgba(15,23,42,0.14)]"
                 >
                   <DropdownMenuItem
                     onClick={() => handleSelectGenerationMode("agent")}
                     className={cn(
-                      "h-11 cursor-pointer rounded-xl px-3 text-[16px] font-medium text-[#2e3238]",
+                      "h-8 cursor-pointer rounded-lg px-2 text-[13px] font-medium text-[#2e3238]",
                       activeComposerMode === "agent" ? "bg-white/80" : "hover:bg-white/70"
                     )}
                   >
-                    <Sparkles className="h-5 w-5" />
+                    <Sparkles className="h-4 w-4" />
                     <span className="flex-1">Agent</span>
-                    {activeComposerMode === "agent" ? <Check className="h-5 w-5 text-[#3b82f6]" /> : null}
+                    {activeComposerMode === "agent" ? <Check className="h-4 w-4 text-[#3b82f6]" /> : null}
                   </DropdownMenuItem>
                   <DropdownMenuItem
                     onClick={() => handleSelectGenerationMode("image")}
                     className={cn(
-                      "h-11 cursor-pointer rounded-xl px-3 text-[16px] font-medium text-[#2e3238]",
+                      "h-8 cursor-pointer rounded-lg px-2 text-[13px] font-medium text-[#2e3238]",
                       activeComposerMode === "image" ? "bg-white/80" : "hover:bg-white/70"
                     )}
                   >
-                    <ImagePlus className="h-5 w-5" />
+                    <ImagePlus className="h-4 w-4" />
                     <span className="flex-1">图像生成器</span>
-                    {activeComposerMode === "image" ? <Check className="h-5 w-5 text-[#3b82f6]" /> : null}
+                    {activeComposerMode === "image" ? <Check className="h-4 w-4 text-[#3b82f6]" /> : null}
                   </DropdownMenuItem>
                   <DropdownMenuItem
                     onClick={() => handleSelectGenerationMode("video")}
                     className={cn(
-                      "h-11 cursor-pointer rounded-xl px-3 text-[16px] font-medium text-[#2e3238]",
+                      "h-8 cursor-pointer rounded-lg px-2 text-[13px] font-medium text-[#2e3238]",
                       activeComposerMode === "video" ? "bg-white/80" : "hover:bg-white/70"
                     )}
                   >
-                    <Video className="h-5 w-5" />
+                    <Video className="h-4 w-4" />
                     <span className="flex-1">视频生成器</span>
-                    {activeComposerMode === "video" ? <Check className="h-5 w-5 text-[#3b82f6]" /> : null}
+                    {activeComposerMode === "video" ? <Check className="h-4 w-4 text-[#3b82f6]" /> : null}
                   </DropdownMenuItem>
                 </DropdownMenuContent>
               </DropdownMenu>