diff --git a/site/src/pages/AgentsPage/components/ChatConversation/LiveStreamTail.tsx b/site/src/pages/AgentsPage/components/ChatConversation/LiveStreamTail.tsx
index 93b2c5ce69..9d3d5da412 100644
--- a/site/src/pages/AgentsPage/components/ChatConversation/LiveStreamTail.tsx
+++ b/site/src/pages/AgentsPage/components/ChatConversation/LiveStreamTail.tsx
@@ -71,7 +71,13 @@ export const LiveStreamTailContent = ({
 	}
 
 	return (
-		<div className="flex flex-col gap-2">
+		<div
+			className={
+				isTranscriptEmpty
+					? "flex flex-col gap-2"
+					: "mt-2 flex flex-col gap-2 empty:mt-0"
+			}
+		>
 			{shouldRenderEmptyState && (
 				<div className="py-12 text-center text-content-secondary">
 					<p className="text-sm">Start a conversation with your agent.</p>
diff --git a/site/src/pages/AgentsPage/components/ChatPageContent.tsx b/site/src/pages/AgentsPage/components/ChatPageContent.tsx
index 098d767070..68d2644603 100644
--- a/site/src/pages/AgentsPage/components/ChatPageContent.tsx
+++ b/site/src/pages/AgentsPage/components/ChatPageContent.tsx
@@ -106,7 +106,7 @@ export const ChatPageTimeline: FC<ChatPageTimelineProps> = ({
 			<div
 				data-testid="chat-timeline-wrapper"
 				className={cn(
-					"mx-auto flex w-full flex-col gap-2 py-6",
+					"mx-auto flex w-full flex-col py-6",
 					chatWidthClass(chatFullWidth),
 				)}
 			>