diff --git a/packages/frontend/editor-ui/src/features/agents/components/AgentEvalTryRow.vue b/packages/frontend/editor-ui/src/features/agents/components/AgentEvalTryRow.vue
index 0df2928d40f..6022f452a2b 100644
--- a/packages/frontend/editor-ui/src/features/agents/components/AgentEvalTryRow.vue
+++ b/packages/frontend/editor-ui/src/features/agents/components/AgentEvalTryRow.vue
@@ -351,6 +351,7 @@ watch(
 					:status="status"
 					:tool-calls="toolCalls"
 					:project-id="projectId"
+					:joined-below="!practiceBannerDismissed"
 				/>
 				<div v-if="!practiceBannerDismissed" :class="$style.practiceBanner">
 					<N8nText size="small">
diff --git a/packages/frontend/editor-ui/src/features/agents/components/EvalInitialSample.vue b/packages/frontend/editor-ui/src/features/agents/components/EvalInitialSample.vue
index 638c1b8526d..34aab81025a 100644
--- a/packages/frontend/editor-ui/src/features/agents/components/EvalInitialSample.vue
+++ b/packages/frontend/editor-ui/src/features/agents/components/EvalInitialSample.vue
@@ -18,6 +18,8 @@ const props = defineProps<{
 	toolCalls?: ToolCall[];
 	projectId?: string;
 	hideBanner?: boolean;
+	/** Another element sits right below it, so the bottom corners are square to meet it. */
+	joinedBelow?: boolean;
 }>();
 
 const i18n = useI18n();
@@ -30,7 +32,7 @@ const isFailing = computed(() => props.status === 'work' || props.status === 'fa
 </script>
 
 <template>
-	<div :class="$style.evalPreview">
+	<div :class="[$style.evalPreview, { [$style.joinedBelow]: joinedBelow }]">
 		<div :class="$style.evalPreviewUserMessage">
 			<ChatBubble :text="previewInput" :status="status" />
 		</div>
@@ -81,6 +83,11 @@ const isFailing = computed(() => props.status === 'work' || props.status === 'fa
 	}
 }
 
+.joinedBelow {
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
 .tools {
 	margin-left: 35px;
 }