diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 027e0ff73..65bef11ee 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -3114,10 +3114,14 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
       <ScrollArea
         className={cn(
           "flex-1 p-4",
-          isDetailGenerationMode && visibleMessages.length === 0 ? "pt-10" : "pt-16"
+          isDetailGenerationMode && visibleMessages.length === 0
+            ? "pt-10"
+            : visibleMessages.length === 0
+              ? "pt-16"
+              : "pt-4"
         )}
       >
-        <div className="space-y-6">
+        <div className="space-y-6 pb-24">
           {!isDetailGenerationMode && visibleMessages.length === 0 && (
             <div className={cn("flex flex-col h-full", isDetailGenerationMode ? "pt-0" : "pt-4")}>
               {/* Greeting */}