diff --git a/packages/app/src/components/inference/ui/ChartDisplay.tsx b/packages/app/src/components/inference/ui/ChartDisplay.tsx index f35c8be..e768ce8 100644 --- a/packages/app/src/components/inference/ui/ChartDisplay.tsx +++ b/packages/app/src/components/inference/ui/ChartDisplay.tsx @@ -70,7 +70,7 @@ function E2eXAxisDropdown({ onClick={(e) => e.stopPropagation()} > vs. {xAxisLabel} - + diff --git a/packages/app/src/hooks/useChartExport.ts b/packages/app/src/hooks/useChartExport.ts index 02ec052..eeadd60 100644 --- a/packages/app/src/hooks/useChartExport.ts +++ b/packages/app/src/hooks/useChartExport.ts @@ -198,6 +198,10 @@ export function useChartExport({ chartId, setIsLegendExpanded }: UseChartExportO // CSS custom properties (e.g. text-muted-foreground → var(--muted-foreground)). const figcaption = clone.querySelector('figcaption'); if (figcaption) { + // Prevent title from wrapping mid-phrase in the export (e.g. "End-to-end Latency") + const heading = figcaption.querySelector('h2'); + if (heading) (heading as HTMLElement).style.whiteSpace = 'nowrap'; + const origCaption = element.querySelector('figcaption'); if (origCaption) { const origEls = [