diff --git a/packages/@ourworldindata/grapher/src/scatterCharts/ScatterPlotChart.tsx b/packages/@ourworldindata/grapher/src/scatterCharts/ScatterPlotChart.tsx index 2e528a34539..947720e5255 100644 --- a/packages/@ourworldindata/grapher/src/scatterCharts/ScatterPlotChart.tsx +++ b/packages/@ourworldindata/grapher/src/scatterCharts/ScatterPlotChart.tsx @@ -739,7 +739,10 @@ export class ScatterPlotChart legendDimensions, } = this - const sizeLegendY = bounds.top + legendDimensions.height + 16 + let sizeLegendY = bounds.top + if (this.legendItems.length > 0) { + sizeLegendY = bounds.top + legendDimensions.height + 16 + } const arrowLegendY = sizeLegend ? sizeLegendY + sizeLegend.height + 15 : sizeLegendY @@ -759,13 +762,16 @@ export class ScatterPlotChart {sizeLegend && ( <> - + {(this.legendItems.length > 0) && ( + + ) + } {sizeLegend.render(this.legendX, sizeLegendY)} )}