diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 5bcba07ca..9babbfb54 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -3003,6 +3003,7 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
       <ScrollArea
         className={cn(
           "flex-1 p-4",
+          isDetailGenerationMode && visibleMessages.length === 0 && "hidden",
           isDetailGenerationMode && visibleMessages.length === 0 ? "pt-10" : "pt-16"
         )}
       >
@@ -3312,7 +3313,8 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
           {isDetailGenerationMode && (
             <div
               className={cn(
-                "mx-3 mt-3 overflow-y-auto rounded-2xl border border-black/10 bg-white/95 p-3 pr-2",
+                "mx-3 overflow-y-auto rounded-2xl border border-black/10 bg-white/95 p-3 pr-2",
+                visibleMessages.length === 0 ? "mt-1" : "mt-3",
                 visibleMessages.length === 0 ? "max-h-[62vh]" : "max-h-[54vh]"
               )}
             >