diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/linear-line-chart-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/linear-line-chart-chrome-linux.png
index e98f77650f..395bbff219 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/linear-line-chart-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/linear-line-chart-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/outside-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/outside-chrome-linux.png
index 5531bbac5b..fc972a47e2 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/outside-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/outside-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/styling-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/styling-chrome-linux.png
index f487c12878..efd5493549 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/styling-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/annotations-rects/styling-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/band-area-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/band-area-chrome-linux.png
index 61078244f4..2b6f893b9c 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/band-area-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/band-area-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/stepped-area-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/stepped-area-chrome-linux.png
index 2df54da8b4..97aeecf1c2 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/stepped-area-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/stepped-area-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/test-stacked-with-missing-values-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/test-stacked-with-missing-values-chrome-linux.png
index 60c325438c..76287d6923 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/test-stacked-with-missing-values-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/test-stacked-with-missing-values-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/with-negative-band-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/with-negative-band-chrome-linux.png
index 661da68fa9..e294b77cc7 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/with-negative-band-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/area-chart/with-negative-band-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/bars-and-lines-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/bars-and-lines-chrome-linux.png
index 1227cf8e9b..0b0526a00f 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/bars-and-lines-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/bars-and-lines-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/custom-domain-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/custom-domain-chrome-linux.png
index 15e5abe62e..c18d902a9b 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/custom-domain-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/custom-domain-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/custom-mixed-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/custom-mixed-chrome-linux.png
index dc836c344d..0f3dabdc05 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/custom-mixed-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/custom-mixed-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/different-tooltip-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/different-tooltip-chrome-linux.png
index 60ce06ba20..1a271c2753 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/different-tooltip-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/different-tooltip-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/different-tooltip-formatter-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/different-tooltip-formatter-chrome-linux.png
index e34f4dc9a0..693fd1de72 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/different-tooltip-formatter-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/different-tooltip-formatter-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/duplicate-ticks-2-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/duplicate-ticks-2-chrome-linux.png
index 09983ac85e..84d4f44205 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/duplicate-ticks-2-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/duplicate-ticks-2-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/duplicate-ticks-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/duplicate-ticks-chrome-linux.png
index bc05c8c3f2..5e9a615c3f 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/duplicate-ticks-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/duplicate-ticks-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/fit-domain-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/fit-domain-chrome-linux.png
index ad66fbc050..95b47d0052 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/axes/fit-domain-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/axes/fit-domain-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/bar-chart/band-bar-chart-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/bar-chart/band-bar-chart-chrome-linux.png
index 1a58c51505..71a9aadf67 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/bar-chart/band-bar-chart-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/bar-chart/band-bar-chart-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/bar-chart/test-histogram-mode-linear-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/bar-chart/test-histogram-mode-linear-chrome-linux.png
index 7a84ba3a69..97f796375d 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/bar-chart/test-histogram-mode-linear-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/bar-chart/test-histogram-mode-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/mixed-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/mixed-chrome-linux.png
index de5125179f..da9d404705 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/mixed-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/mixed-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/multiple-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/multiple-chrome-linux.png
index b9d05f4fbe..7eb1ee81d8 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/multiple-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/multiple-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/ordinal-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/ordinal-chrome-linux.png
index 05bb3e2248..371eec33ac 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/ordinal-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/ordinal-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/simple-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/simple-chrome-linux.png
index cb1743d6c6..5d0fb16e73 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/simple-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/bubble-chart-alpha/simple-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/debug-options/debug-state-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/debug-options/debug-state-chrome-linux.png
index 0f3115afd1..aa8bca3f5b 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/debug-options/debug-state-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/debug-options/debug-state-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/grids/basic-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/grids/basic-chrome-linux.png
index 35610f6a3c..10210a4207 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/grids/basic-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/grids/basic-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/grids/lines-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/grids/lines-chrome-linux.png
index 1f17273ba1..393ac119e6 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/grids/lines-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/grids/lines-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/grids/multiple-axes-with-the-same-position-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/grids/multiple-axes-with-the-same-position-chrome-linux.png
index 1d57847cf3..cd4b3137bb 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/grids/multiple-axes-with-the-same-position-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/grids/multiple-axes-with-the-same-position-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/brush-disabled-on-ordinal-x-axis-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/brush-disabled-on-ordinal-x-axis-chrome-linux.png
index 6a4441aa81..39f823a3c5 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/brush-disabled-on-ordinal-x-axis-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/brush-disabled-on-ordinal-x-axis-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/brush-selection-tool-on-time-charts-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/brush-selection-tool-on-time-charts-chrome-linux.png
index 23953439f5..b000ab2e4e 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/brush-selection-tool-on-time-charts-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/brush-selection-tool-on-time-charts-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/click-hovers-on-legend-items-line-chart-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/click-hovers-on-legend-items-line-chart-chrome-linux.png
index 4bfce8097b..6a50092580 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/click-hovers-on-legend-items-line-chart-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/click-hovers-on-legend-items-line-chart-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/click-hovers-on-legend-items-mixed-chart-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/click-hovers-on-legend-items-mixed-chart-chrome-linux.png
index a7dffe06b4..22945c429f 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/click-hovers-on-legend-items-mixed-chart-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/click-hovers-on-legend-items-mixed-chart-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/crosshair-with-time-axis-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/crosshair-with-time-axis-chrome-linux.png
index 16a9b0a70a..19bdb974db 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/crosshair-with-time-axis-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/crosshair-with-time-axis-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/line-area-bar-point-clicks-and-hovers-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/line-area-bar-point-clicks-and-hovers-chrome-linux.png
index 0bdac97033..87981edb1d 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/line-area-bar-point-clicks-and-hovers-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/line-area-bar-point-clicks-and-hovers-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/line-point-clicks-and-hovers-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/line-point-clicks-and-hovers-chrome-linux.png
index 700d499ab8..3d4f63a7df 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/line-point-clicks-and-hovers-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/interactions/line-point-clicks-and-hovers-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/legend/hide-legend-items-by-series-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/legend/hide-legend-items-by-series-chrome-linux.png
index a7dffe06b4..22945c429f 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/legend/hide-legend-items-by-series-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/legend/hide-legend-items-by-series-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/basic-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/basic-chrome-linux.png
index 7735369eb7..c67e2896a4 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/basic-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/basic-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/curved-with-axis-and-legend-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/curved-with-axis-and-legend-chrome-linux.png
index 3d88632bb7..3743a62756 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/curved-with-axis-and-legend-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/curved-with-axis-and-legend-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/discontinuous-data-points-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/discontinuous-data-points-chrome-linux.png
index b67f538b0b..eb17a080ce 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/discontinuous-data-points-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/discontinuous-data-points-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/isolated-data-points-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/isolated-data-points-chrome-linux.png
index 9770900d7c..4c305c0b08 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/isolated-data-points-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/isolated-data-points-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/line-with-mark-accessor-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/line-with-mark-accessor-chrome-linux.png
index 97c9e6bd16..964be49996 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/line-with-mark-accessor-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/line-with-mark-accessor-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/linear-with-axis-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/linear-with-axis-chrome-linux.png
index 7416dc3e0d..b4fa3c40dd 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/linear-with-axis-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/linear-with-axis-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/multi-series-with-log-values-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/multi-series-with-log-values-chrome-linux.png
index 99193b5d62..90d21a2ffb 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/multi-series-with-log-values-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/multi-series-with-log-values-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/multiple-with-axis-and-legend-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/multiple-with-axis-and-legend-chrome-linux.png
index 65c691dd37..5fd4e73c22 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/multiple-with-axis-and-legend-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/multiple-with-axis-and-legend-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/ordinal-with-axis-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/ordinal-with-axis-chrome-linux.png
index 82cfe56550..4e90058634 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/ordinal-with-axis-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/ordinal-with-axis-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/point-shapes-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/point-shapes-chrome-linux.png
index 00478648f0..16000e2a57 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/point-shapes-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/point-shapes-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/stacked-with-axis-and-legend-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/stacked-with-axis-and-legend-chrome-linux.png
index 9b663a2ff8..0888f45d33 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/stacked-with-axis-and-legend-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/stacked-with-axis-and-legend-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/test-negative-points-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/test-negative-points-chrome-linux.png
index 22a4389981..e431dd8cca 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/test-negative-points-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/test-negative-points-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/test-path-ordering-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/test-path-ordering-chrome-linux.png
index ab376b1f09..3ab5d986ab 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/test-path-ordering-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/test-path-ordering-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/with-axis-and-legend-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/with-axis-and-legend-chrome-linux.png
index c354491ecf..4363df231a 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/with-axis-and-legend-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/with-axis-and-legend-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/with-axis-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/with-axis-chrome-linux.png
index 6f0e346844..11af9eb66d 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/with-axis-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/line-chart/with-axis-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/bars-and-lines-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/bars-and-lines-chrome-linux.png
index e1854a136a..60be1632e1 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/bars-and-lines-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/bars-and-lines-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/fitting-functions-non-stacked-series-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/fitting-functions-non-stacked-series-chrome-linux.png
index a99b429851..de6a625a55 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/fitting-functions-non-stacked-series-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/fitting-functions-non-stacked-series-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/fitting-functions-stacked-series-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/fitting-functions-stacked-series-chrome-linux.png
index 5627f71451..532f75cd13 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/fitting-functions-stacked-series-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/fitting-functions-stacked-series-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/lines-and-areas-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/lines-and-areas-chrome-linux.png
index 80a03602bd..42b53d0fa2 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/lines-and-areas-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/lines-and-areas-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/mark-size-accessor-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/mark-size-accessor-chrome-linux.png
index 65e38c76fc..ccbbd8bd86 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/mark-size-accessor-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/mark-size-accessor-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/test-bar-lines-linear-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/test-bar-lines-linear-chrome-linux.png
index 188e423244..fa2f81132c 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/test-bar-lines-linear-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/test-bar-lines-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/test-bar-lines-time-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/test-bar-lines-time-chrome-linux.png
index 96f006f7a9..d4f5c62b9d 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/test-bar-lines-time-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/mixed-charts/test-bar-lines-time-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/linear-binary-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/linear-binary-chrome-linux.png
index 82fbdd0c4b..e26d684a1a 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/linear-binary-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/linear-binary-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/log-scale-options-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/log-scale-options-chrome-linux.png
index 8270a7f0ef..de87bdaf71 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/log-scale-options-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/log-scale-options-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/specified-timezone-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/specified-timezone-chrome-linux.png
index 91a6f602de..0839d90059 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/specified-timezone-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/specified-timezone-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/timezone-configuration-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/timezone-configuration-chrome-linux.png
index dce2a768df..b5ee7ca45b 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/timezone-configuration-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/timezone-configuration-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/tooltip-in-local-timezone-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/tooltip-in-local-timezone-chrome-linux.png
index dce2a768df..b5ee7ca45b 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/tooltip-in-local-timezone-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/tooltip-in-local-timezone-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/tooltip-in-utc-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/tooltip-in-utc-chrome-linux.png
index dce2a768df..b5ee7ca45b 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/scales/tooltip-in-utc-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/scales/tooltip-in-utc-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/small-multiples-alpha/heterogeneous-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/small-multiples-alpha/heterogeneous-chrome-linux.png
index 9d49637c25..35dbc1cdbf 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/small-multiples-alpha/heterogeneous-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/small-multiples-alpha/heterogeneous-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/small-multiples-alpha/vertical-bars-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/small-multiples-alpha/vertical-bars-chrome-linux.png
index efb1a934f4..9bec14172b 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/small-multiples-alpha/vertical-bars-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/small-multiples-alpha/vertical-bars-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/custom-series-colors-via-accessor-function-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/custom-series-colors-via-accessor-function-chrome-linux.png
index d66d6d0728..b76e9b31ce 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/custom-series-colors-via-accessor-function-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/custom-series-colors-via-accessor-function-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/dark-theme-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/dark-theme-chrome-linux.png
index 79107192c9..cab9693f57 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/dark-theme-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/dark-theme-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/mixed-point-shapes-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/mixed-point-shapes-chrome-linux.png
index 1cd74d6104..9148f02289 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/mixed-point-shapes-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/mixed-point-shapes-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/style-accessor-overrides-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/style-accessor-overrides-chrome-linux.png
index ccf001193f..7d8a2cb0bc 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/style-accessor-overrides-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/style-accessor-overrides-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/theme-styling-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/theme-styling-chrome-linux.png
index 82873d2e20..10d977c1b6 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/theme-styling-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/stylings/theme-styling-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/filter-zeros-in-log-fit-domain-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/filter-zeros-in-log-fit-domain-chrome-linux.png
index 4f0371e860..28b9b1f006 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/filter-zeros-in-log-fit-domain-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/filter-zeros-in-log-fit-domain-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/highlighter-z-index-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/highlighter-z-index-chrome-linux.png
index 3c18dc6fe1..c71991146e 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/highlighter-z-index-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/highlighter-z-index-chrome-linux.png differ
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/point-style-overrides-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/point-style-overrides-chrome-linux.png
index ce3b7fd833..dbf5277cf5 100644
Binary files a/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/point-style-overrides-chrome-linux.png and b/e2e/screenshots/all.test.ts-snapshots/baselines/test-cases/point-style-overrides-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/hover-state/should-fade-all-other-annotations-when-line-marker-is-hovered-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/hover-state/should-fade-all-other-annotations-when-line-marker-is-hovered-chrome-linux.png
index e1606600fa..dbda3b2324 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/hover-state/should-fade-all-other-annotations-when-line-marker-is-hovered-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/hover-state/should-fade-all-other-annotations-when-line-marker-is-hovered-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-0-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-0-chrome-linux.png
index 5531bbac5b..fc972a47e2 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-0-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-0-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-180-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-180-chrome-linux.png
index f9261e7bff..cda74a2a96 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-180-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-180-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-90-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-90-chrome-linux.png
index 9c76672a3f..4809008797 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-90-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-90-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-negative-90-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-negative-90-chrome-linux.png
index 08699419ca..3535e22850 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-negative-90-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-x/rotation-negative-90-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-0-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-0-chrome-linux.png
index 1c323b4700..cc1b221724 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-0-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-0-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-180-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-180-chrome-linux.png
index fa53c5c890..a587e03672 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-180-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-180-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-90-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-90-chrome-linux.png
index 7ce5010319..9d78cb19ce 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-90-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-90-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-negative-90-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-negative-90-chrome-linux.png
index c9f7454a80..287477e565 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-negative-90-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/domain-y/rotation-negative-90-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-when-axes-are-hidden-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-when-axes-are-hidden-chrome-linux.png
index 20ef8a0106..bca064f8dc 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-when-axes-are-hidden-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-when-axes-are-hidden-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-when-tick-line-is-not-rendered-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-when-tick-line-is-not-rendered-chrome-linux.png
index f9261e7bff..cda74a2a96 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-when-tick-line-is-not-rendered-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-when-tick-line-is-not-rendered-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-with-no-group-ids-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-with-no-group-ids-chrome-linux.png
index c87770393d..9934801116 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-with-no-group-ids-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-render-outside-annotations-with-no-group-ids-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-show-tooltip-on-hover-x-domain-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-show-tooltip-on-hover-x-domain-chrome-linux.png
index 1db85cb2b3..78d654c7ab 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-show-tooltip-on-hover-x-domain-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-show-tooltip-on-hover-x-domain-chrome-linux.png differ
diff --git a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-show-tooltip-on-hover-y-domain-chrome-linux.png b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-show-tooltip-on-hover-y-domain-chrome-linux.png
index 5161033754..f7b9bae3dc 100644
Binary files a/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-show-tooltip-on-hover-y-domain-chrome-linux.png and b/e2e/screenshots/annotations_stories.test.ts-snapshots/annotations-stories/outside-annotations/should-show-tooltip-on-hover-y-domain-chrome-linux.png differ
diff --git a/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/accessor-formats/should-show-custom-format-chrome-linux.png b/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/accessor-formats/should-show-custom-format-chrome-linux.png
index 924d3bd44a..c59a8ed983 100644
Binary files a/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/accessor-formats/should-show-custom-format-chrome-linux.png and b/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/accessor-formats/should-show-custom-format-chrome-linux.png differ
diff --git a/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/area-with-isolated-data-points/render-correctly-fit-function-chrome-linux.png b/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/area-with-isolated-data-points/render-correctly-fit-function-chrome-linux.png
index 24fb710851..1146ba4112 100644
Binary files a/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/area-with-isolated-data-points/render-correctly-fit-function-chrome-linux.png and b/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/area-with-isolated-data-points/render-correctly-fit-function-chrome-linux.png differ
diff --git a/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/non-stacked-linear-area-with-discontinuous-data-points/no-fit-function-chrome-linux.png b/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/non-stacked-linear-area-with-discontinuous-data-points/no-fit-function-chrome-linux.png
index aa7c87780d..189b52d21f 100644
Binary files a/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/non-stacked-linear-area-with-discontinuous-data-points/no-fit-function-chrome-linux.png and b/e2e/screenshots/area_stories.test.ts-snapshots/area-series-stories/non-stacked-linear-area-with-discontinuous-data-points/no-fit-function-chrome-linux.png differ
diff --git a/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/renders-multilayer-time-axis-with-a-single-point-and-a-degenerate-zero-width-domain-chrome-linux.png b/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/renders-multilayer-time-axis-with-a-single-point-and-a-degenerate-zero-width-domain-chrome-linux.png
index a77f2cec41..ca70d1b83c 100644
Binary files a/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/renders-multilayer-time-axis-with-a-single-point-and-a-degenerate-zero-width-domain-chrome-linux.png and b/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/renders-multilayer-time-axis-with-a-single-point-and-a-degenerate-zero-width-domain-chrome-linux.png differ
diff --git a/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/renders-multilayer-time-axis-with-a-single-point-and-an-arbitrary-non-degenerate-domain-chrome-linux.png b/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/renders-multilayer-time-axis-with-a-single-point-and-an-arbitrary-non-degenerate-domain-chrome-linux.png
index 0004624010..58daaf6150 100644
Binary files a/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/renders-multilayer-time-axis-with-a-single-point-and-an-arbitrary-non-degenerate-domain-chrome-linux.png and b/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/renders-multilayer-time-axis-with-a-single-point-and-an-arbitrary-non-degenerate-domain-chrome-linux.png differ
diff --git a/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-hide-consecutive-duplicate-ticks-chrome-linux.png b/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-hide-consecutive-duplicate-ticks-chrome-linux.png
index 810154d47e..03853c50cc 100644
Binary files a/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-hide-consecutive-duplicate-ticks-chrome-linux.png and b/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-hide-consecutive-duplicate-ticks-chrome-linux.png differ
diff --git a/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-included-select-annotation-y-domains-chrome-linux.png b/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-included-select-annotation-y-domains-chrome-linux.png
index 57defa0d64..b1c33266ca 100644
Binary files a/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-included-select-annotation-y-domains-chrome-linux.png and b/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-included-select-annotation-y-domains-chrome-linux.png differ
diff --git a/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-render-with-domain-constraints-chrome-linux.png b/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-render-with-domain-constraints-chrome-linux.png
index cac7f633bb..f523561b40 100644
Binary files a/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-render-with-domain-constraints-chrome-linux.png and b/e2e/screenshots/axis_stories.test.ts-snapshots/axis-stories/should-render-with-domain-constraints-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-apply-padding-within-intersept-negative-values-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-apply-padding-within-intersept-negative-values-chrome-linux.png
index 1c8e3d6321..97fa21027d 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-apply-padding-within-intersept-negative-values-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-apply-padding-within-intersept-negative-values-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-apply-padding-within-intersept-positive-values-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-apply-padding-within-intersept-positive-values-chrome-linux.png
index 776910d876..22d7c14edc 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-apply-padding-within-intersept-positive-values-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-apply-padding-within-intersept-positive-values-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-constrain-padding-to-intersept-negative-values-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-constrain-padding-to-intersept-negative-values-chrome-linux.png
index 30a665926a..0945f60a9e 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-constrain-padding-to-intersept-negative-values-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-constrain-padding-to-intersept-negative-values-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-constrain-padding-to-intersept-positive-values-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-constrain-padding-to-intersept-positive-values-chrome-linux.png
index 8921b0ea69..db728d4f05 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-constrain-padding-to-intersept-positive-values-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/domain-padding/should-constrain-padding-to-intersept-positive-values-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/functional-accessors/y-1accessors-and-y-0accessors-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/functional-accessors/y-1accessors-and-y-0accessors-chrome-linux.png
index 1a58c51505..71a9aadf67 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/functional-accessors/y-1accessors-and-y-0accessors-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/functional-accessors/y-1accessors-and-y-0accessors-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-0-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-0-chrome-linux.png
index 1661ca487f..5f598907a1 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-0-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-0-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-180-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-180-chrome-linux.png
index cf715cd1a0..e041a46457 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-180-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-180-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-90-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-90-chrome-linux.png
index 438bed0db1..a9564c75d7 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-90-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-90-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-negative-90-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-negative-90-chrome-linux.png
index 683f70d747..c2e00cff9b 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-negative-90-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-false/rotation-negative-90-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-0-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-0-chrome-linux.png
index 3a41e66619..fa4c6daa48 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-0-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-0-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-180-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-180-chrome-linux.png
index 7348a4e5a1..343a37516c 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-180-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-180-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-90-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-90-chrome-linux.png
index 37ecc3b46b..7191748102 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-90-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-90-chrome-linux.png differ
diff --git a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-negative-90-chrome-linux.png b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-negative-90-chrome-linux.png
index 9bf7542abf..94ce98ab53 100644
Binary files a/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-negative-90-chrome-linux.png and b/e2e/screenshots/bar_stories.test.ts-snapshots/bar-series-stories/test-histogram-mode-linear/enable-histogram-mode-is-true/rotation-negative-90-chrome-linux.png differ
diff --git a/e2e/screenshots/grid_stories.test.ts-snapshots/grid-stories/should-render-crosshair-lines-above-grid-lines-chrome-linux.png b/e2e/screenshots/grid_stories.test.ts-snapshots/grid-stories/should-render-crosshair-lines-above-grid-lines-chrome-linux.png
index 17d055822a..ab8866ef47 100644
Binary files a/e2e/screenshots/grid_stories.test.ts-snapshots/grid-stories/should-render-crosshair-lines-above-grid-lines-chrome-linux.png and b/e2e/screenshots/grid_stories.test.ts-snapshots/grid-stories/should-render-crosshair-lines-above-grid-lines-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/highlighter-z-index-should-respect-geometry-z-index-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/highlighter-z-index-should-respect-geometry-z-index-chrome-linux.png
index ea9e8063ec..64760cb293 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/highlighter-z-index-should-respect-geometry-z-index-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/highlighter-z-index-should-respect-geometry-z-index-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-band-when-background-is-set-with-dark-theme-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-band-when-background-is-set-with-dark-theme-chrome-linux.png
index ceef7d9d12..e9c577a1ae 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-band-when-background-is-set-with-dark-theme-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-band-when-background-is-set-with-dark-theme-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-band-when-background-is-set-with-light-theme-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-band-when-background-is-set-with-light-theme-chrome-linux.png
index 3d6a7fe5eb..a3986e6adb 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-band-when-background-is-set-with-light-theme-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-band-when-background-is-set-with-light-theme-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-when-background-is-set-with-dark-theme-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-when-background-is-set-with-dark-theme-chrome-linux.png
index 8b59c03d7b..9055537e49 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-when-background-is-set-with-dark-theme-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-when-background-is-set-with-dark-theme-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-when-background-is-set-with-light-theme-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-when-background-is-set-with-light-theme-chrome-linux.png
index 40d35abb88..16577103cc 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-when-background-is-set-with-light-theme-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/mouse-cursor/should-show-cursor-when-background-is-set-with-light-theme-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/should-size-legends-with-ordinal-x-axis-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/should-size-legends-with-ordinal-x-axis-chrome-linux.png
index 134a987072..1ac236f52e 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/should-size-legends-with-ordinal-x-axis-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/should-size-legends-with-ordinal-x-axis-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-all-custom-tick-formatters-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-all-custom-tick-formatters-chrome-linux.png
index 5dfa2949cf..332be03bae 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-all-custom-tick-formatters-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-all-custom-tick-formatters-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-axis-tick-formatter-with-no-header-formatter-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-axis-tick-formatter-with-no-header-formatter-chrome-linux.png
index 7b99844198..4501c45a8f 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-axis-tick-formatter-with-no-header-formatter-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-axis-tick-formatter-with-no-header-formatter-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-custom-mark-formatters-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-custom-mark-formatters-chrome-linux.png
index d4649a8725..6c70c348eb 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-custom-mark-formatters-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-custom-mark-formatters-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-header-formatter-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-header-formatter-chrome-linux.png
index 554ef9d769..568e15b91b 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-header-formatter-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-header-formatter-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-series-tick-formatter-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-series-tick-formatter-chrome-linux.png
index 0b2ba08530..37e8d84bf0 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-series-tick-formatter-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-series-tick-formatter-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-header-formatter-for-x-axis-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-header-formatter-for-x-axis-chrome-linux.png
index 5dfa2949cf..332be03bae 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-header-formatter-for-x-axis-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-header-formatter-for-x-axis-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-series-tick-formatter-with-no-axis-tick-formatter-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-series-tick-formatter-with-no-axis-tick-formatter-chrome-linux.png
index 52018f2af3..32b8652a12 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-series-tick-formatter-with-no-axis-tick-formatter-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-series-tick-formatter-with-no-axis-tick-formatter-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-series-tick-formatter-with-no-axis-tick-formatter-missing-series-tick-formatter-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-series-tick-formatter-with-no-axis-tick-formatter-missing-series-tick-formatter-chrome-linux.png
index 97897e9d2d..044b16a8ae 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-series-tick-formatter-with-no-axis-tick-formatter-missing-series-tick-formatter-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-formatting/should-use-series-tick-formatter-with-no-axis-tick-formatter-missing-series-tick-formatter-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-sync/show-synced-extra-values-in-legend-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-sync/show-synced-extra-values-in-legend-chrome-linux.png
index 7fe15908a2..6b4e115e8d 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-sync/show-synced-extra-values-in-legend-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltip-sync/show-synced-extra-values-in-legend-chrome-linux.png differ
diff --git a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltips/should-render-current-tooltip-in-dark-theme-chrome-linux.png b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltips/should-render-current-tooltip-in-dark-theme-chrome-linux.png
index c75e1ef461..d062b0976f 100644
Binary files a/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltips/should-render-current-tooltip-in-dark-theme-chrome-linux.png and b/e2e/screenshots/interactions.test.ts-snapshots/interactions/tooltips/should-render-current-tooltip-in-dark-theme-chrome-linux.png differ
diff --git a/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-break-multiline-legends-with-long-url-characters-chrome-linux.png b/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-break-multiline-legends-with-long-url-characters-chrome-linux.png
index eef5bb94e6..2a9878a40c 100644
Binary files a/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-break-multiline-legends-with-long-url-characters-chrome-linux.png and b/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-break-multiline-legends-with-long-url-characters-chrome-linux.png differ
diff --git a/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-hide-bar-series-legend-item-chrome-linux.png b/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-hide-bar-series-legend-item-chrome-linux.png
index 828adcc65a..723126fb0f 100644
Binary files a/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-hide-bar-series-legend-item-chrome-linux.png and b/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-hide-bar-series-legend-item-chrome-linux.png differ
diff --git a/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-hide-line-series-legend-item-chrome-linux.png b/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-hide-line-series-legend-item-chrome-linux.png
index 1bedc6f859..09e7c7f910 100644
Binary files a/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-hide-line-series-legend-item-chrome-linux.png and b/e2e/screenshots/legend_stories.test.ts-snapshots/legend-stories/should-hide-line-series-legend-item-chrome-linux.png differ
diff --git a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-paths-for-ordered-values/should-render-correct-line-path-non-stacked-chrome-linux.png b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-paths-for-ordered-values/should-render-correct-line-path-non-stacked-chrome-linux.png
index 804843c479..bcb8d495b8 100644
Binary files a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-paths-for-ordered-values/should-render-correct-line-path-non-stacked-chrome-linux.png and b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-paths-for-ordered-values/should-render-correct-line-path-non-stacked-chrome-linux.png differ
diff --git a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-paths-for-ordered-values/should-render-correct-line-path-stacked-chrome-linux.png b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-paths-for-ordered-values/should-render-correct-line-path-stacked-chrome-linux.png
index ab376b1f09..3ab5d986ab 100644
Binary files a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-paths-for-ordered-values/should-render-correct-line-path-stacked-chrome-linux.png and b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-paths-for-ordered-values/should-render-correct-line-path-stacked-chrome-linux.png differ
diff --git a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-with-mark-accessor/with-hidden-points-default-point-highlighter-size-chrome-linux.png b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-with-mark-accessor/with-hidden-points-default-point-highlighter-size-chrome-linux.png
index 5bf04795f2..95c047023c 100644
Binary files a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-with-mark-accessor/with-hidden-points-default-point-highlighter-size-chrome-linux.png and b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/line-with-mark-accessor/with-hidden-points-default-point-highlighter-size-chrome-linux.png differ
diff --git a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/non-stacked-linear-line-with-discontinuous-data-points/no-fit-function-chrome-linux.png b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/non-stacked-linear-line-with-discontinuous-data-points/no-fit-function-chrome-linux.png
index 7e0df4ddae..5e43b5b43b 100644
Binary files a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/non-stacked-linear-line-with-discontinuous-data-points/no-fit-function-chrome-linux.png and b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/non-stacked-linear-line-with-discontinuous-data-points/no-fit-function-chrome-linux.png differ
diff --git a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/non-stacked-linear-line-with-discontinuous-data-points/with-fit-chrome-linux.png b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/non-stacked-linear-line-with-discontinuous-data-points/with-fit-chrome-linux.png
index b67f538b0b..eb17a080ce 100644
Binary files a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/non-stacked-linear-line-with-discontinuous-data-points/with-fit-chrome-linux.png and b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/non-stacked-linear-line-with-discontinuous-data-points/with-fit-chrome-linux.png differ
diff --git a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-0-chrome-linux.png b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-0-chrome-linux.png
index 82cfe56550..4e90058634 100644
Binary files a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-0-chrome-linux.png and b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-0-chrome-linux.png differ
diff --git a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-180-chrome-linux.png b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-180-chrome-linux.png
index 24f36e58c1..675edd5651 100644
Binary files a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-180-chrome-linux.png and b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-180-chrome-linux.png differ
diff --git a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-90-chrome-linux.png b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-90-chrome-linux.png
index cb55bfa3ef..4c45ed08ea 100644
Binary files a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-90-chrome-linux.png and b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-90-chrome-linux.png differ
diff --git a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-negative-90-chrome-linux.png b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-negative-90-chrome-linux.png
index c79dabb9e2..8c2abe21b2 100644
Binary files a/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-negative-90-chrome-linux.png and b/e2e/screenshots/line_stories.test.ts-snapshots/line-series-stories/rotation/rotation-negative-90-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png
index 49adcbd244..d84700bd34 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png
index d2c898d968..bb2660b63e 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 1d469faa07..dbe2463bf5 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png
index 24fc5fc859..92346feb18 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 9d366ec13f..5bb4815d3b 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png
index a9041187d4..77a02301d8 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png
index 509e626c5f..22a7b2574d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png
index b121cb8bca..90347ac300 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png
index fdbf15644c..8d421d2ffc 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png
index 39b4cbdbc8..0b78f5871d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 1d469faa07..dbe2463bf5 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png
index 8c64ca6f4e..1bc5351675 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 3f43e1c41a..0f95104e8d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png
index a9041187d4..77a02301d8 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png
index 509e626c5f..22a7b2574d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png
index b121cb8bca..90347ac300 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png
index 98ed5639bb..349a4d4eb2 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png
index 9d64a7b5eb..ce15bf7639 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 1d469faa07..dbe2463bf5 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png
index 5153d00b1b..b21b4387df 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 8e3ec393bd..d92cdde258 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png
index a9041187d4..77a02301d8 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png
index 509e626c5f..22a7b2574d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png
index b121cb8bca..90347ac300 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png
index 56706abf57..fbe686cfb2 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png
index 4f3567504a..74d978b1b8 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 6bd6c11acd..bde1655186 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png
index 7181ce97c1..d729833002 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 77a5d84cdd..aae3f75d85 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 8f127aae92..a9299e6940 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png
index be11f64318..7b2f008b9d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png
index 17f92a1836..236adf33d5 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png
index aa4af6e394..e0f25da968 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png
index 69531d0839..e44fd0d0cd 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 91dcd5738f..b1e674fad0 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png
index 8cdb1154ce..aceff14f5e 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 876d0d0c88..342e6d92d0 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 6e1baedbd5..81bdf99d2d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png
index 2bbaa1080a..80eaf29e40 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png
index 591f2d4e55..e646c366dc 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts-as-percentage/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png
index ea754c433a..ae32b02ae9 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png
index 31b127356a..a5cab28b4d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 93780af97c..5377ee0058 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png
index ad88357bca..ed0ef0d918 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 9f414ec985..f82b0c3737 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 6530770f8c..30addf9d2a 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png
index 202d585692..49181cb9b2 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png
index 9fe273b3a4..2643d40cd9 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png
index b5d1f99a22..15572b74be 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png
index 6bbfa34bf3..c94dcc2df4 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 93780af97c..5377ee0058 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png
index d66875beba..b0eb48fc9f 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index c3fb2f03ac..49870329be 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 6530770f8c..30addf9d2a 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png
index 202d585692..49181cb9b2 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png
index 9fe273b3a4..2643d40cd9 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png
index 5627f71451..532f75cd13 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png
index 63070c1c85..1edea44dc0 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 93780af97c..5377ee0058 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png
index 68b6ab5f34..71388ff073 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index ac7fc948f1..cfafe60caa 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 6530770f8c..30addf9d2a 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png
index 202d585692..49181cb9b2 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png
index 9fe273b3a4..2643d40cd9 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png
index 6c9ec4d1fb..086965ebaa 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png
index f2207d632a..8303264d8d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png
index af1e27d9aa..6ecd0382df 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png
index c62c5a9562..2a8eb7d42c 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index edd5fb12f8..d2f21061c0 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 0fd981aa14..26c4140fd5 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png
index 70b6ec8980..f571dabbb7 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png
index b8f4c63ecf..5613d66249 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png
index 8947c32962..6f33f001d5 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png
index 1099e14e80..f81ba6bb15 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 33e5d0b015..e6f861dd18 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png
index 279e7ed005..10da200269 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index d9b3fbe743..67a398a1ad 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 3ddcee0b47..7eba571fda 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png
index a01f369f5b..c3f63831ac 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png
index 09d7ae7b2d..c5bd1627b4 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions-stacked-charts/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png
index 625d17c7ef..9fddc66a2b 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png
index 953435beb6..7346361fdb 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 112fa9c29b..296da69dc2 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png
index 02fd41d1ea..0f63a39c62 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index c19b022bda..7066fb0f30 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 9018bd23fd..1a26c02d81 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png
index 3688c5f109..f1c12562ab 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png
index 0ac6b4e592..41f0aaea88 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png
index 28d583cc68..42c9055b5a 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png
index 45fb843990..6abde3e535 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 112fa9c29b..296da69dc2 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png
index 3b702874cd..f7d8191b8b 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 2f2666d5d6..b4ab752727 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 9018bd23fd..1a26c02d81 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png
index 3688c5f109..f1c12562ab 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png
index 0ac6b4e592..41f0aaea88 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-end-value-set-to-nearest/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png
index a99b429851..de6a625a55 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png
index 2df4b9a145..c8bac76d14 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 112fa9c29b..296da69dc2 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png
index 278ec3da8e..0aa8f2e293 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 0ddd48ce7a..88865e771e 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 9018bd23fd..1a26c02d81 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png
index 3688c5f109..f1c12562ab 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png
index 0ac6b4e592..41f0aaea88 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png
index 9c164ce370..2990ab3d6b 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png
index 98ae164dc0..68a9232b8a 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png
index e77f8e556c..1c2005604d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png
index 1a5c61cc5a..f12f37cd51 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index aaa96935b6..9a36940f9a 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 1642f1e8a5..05a539f802 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png
index 3cb68c3758..3bcbff2050 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png
index 50be12f766..92de23c32c 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-ordinal-dataset-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png
index ef0610c59b..777fb98bc8 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png
index 2d3d2af9fe..cd297991f3 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 41916af8f8..56f631352e 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png
index e966060296..6dde97f7a6 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 59b8313f80..62cebe6634 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 257c1f0452..5f03e54486 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png
index 3688c5f109..f1c12562ab 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png
index 48e4846949..e499b4b135 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/area-charts-with-curved-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png
index 41041c694a..b5c96364ac 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png
index 244e21f69b..e4d65cdcd1 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 41190976ca..a95de5153d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png
index 7f9907fa44..7fe67be1ff 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 3a49854f42..4a5fb3fa2d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 6c115a47b2..5870d263ea 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png
index d8b26ae0e9..8474fbeba5 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png
index 27813934f6..d09162cc6b 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png
index 51f9a23c11..bbd8bc643b 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png
index 1563a13264..59ab99a241 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 41190976ca..a95de5153d 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png
index b805402841..3faff0901e 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 36530a3a9d..7de075ba35 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 6c115a47b2..5870d263ea 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png
index d8b26ae0e9..8474fbeba5 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png
index 27813934f6..d09162cc6b 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-no-end-value/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png
index 51d574f6cf..5d7d00c297 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-average-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png
index 2f6fdd684a..acf2dc26db 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-carry-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png
index 0f0864c100..fae32d4877 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-explicit-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png
index 7cc01163b6..88fb602b6c 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-linear-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png
index 84b6f0306b..ca82e139b4 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-lookahead-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png
index 4e89de4f1a..49f57530f6 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-nearest-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png
index d8b26ae0e9..8474fbeba5 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-none-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png
index 6d54d40c54..53a74848a4 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/fitting-functions/line-charts-with-curve-end-value-set-to-2/should-display-correct-fit-for-type-zero-chrome-linux.png differ
diff --git a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/stack-mode-wiggle/polarity-positive/area-series/should-show-area-chart-with-toggled-series-and-mouse-over-chrome-linux.png b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/stack-mode-wiggle/polarity-positive/area-series/should-show-area-chart-with-toggled-series-and-mouse-over-chrome-linux.png
index 35d58567d0..6b7ce1a8c3 100644
Binary files a/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/stack-mode-wiggle/polarity-positive/area-series/should-show-area-chart-with-toggled-series-and-mouse-over-chrome-linux.png and b/e2e/screenshots/mixed_stories.test.ts-snapshots/mixed-series-stories/stack-mode-wiggle/polarity-positive/area-series/should-show-area-chart-with-toggled-series-and-mouse-over-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-binary-base-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-binary-base-chrome-linux.png
index 5bd29e1cb0..ea54bae394 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-binary-base-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-binary-base-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-common-base-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-common-base-chrome-linux.png
index 899834db59..2b38240f99 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-common-base-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-common-base-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-natural-base-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-natural-base-chrome-linux.png
index 4a100e7767..ff334b355e 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-natural-base-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-proper-ticks-with-natural-base-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-values-with-log-limit-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-values-with-log-limit-chrome-linux.png
index 3f1c3851f9..f4d8a8f3e1 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-values-with-log-limit-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-values-with-log-limit-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-with-baseline-set-to-1-if-fit-is-false-and-limit-is-set-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-with-baseline-set-to-1-if-fit-is-false-and-limit-is-set-chrome-linux.png
index 8270a7f0ef..de87bdaf71 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-with-baseline-set-to-1-if-fit-is-false-and-limit-is-set-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-with-baseline-set-to-1-if-fit-is-false-and-limit-is-set-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-with-baseline-set-to-1-if-fit-is-false-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-with-baseline-set-to-1-if-fit-is-false-chrome-linux.png
index 8270a7f0ef..de87bdaf71 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-with-baseline-set-to-1-if-fit-is-false-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/negative-values/should-render-with-baseline-set-to-1-if-fit-is-false-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-binary-base-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-binary-base-chrome-linux.png
index 5bd29e1cb0..ea54bae394 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-binary-base-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-binary-base-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-common-base-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-common-base-chrome-linux.png
index 899834db59..2b38240f99 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-common-base-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-common-base-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-natural-base-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-natural-base-chrome-linux.png
index 4a100e7767..ff334b355e 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-natural-base-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-proper-ticks-with-natural-base-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-values-with-log-limit-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-values-with-log-limit-chrome-linux.png
index 3f1c3851f9..f4d8a8f3e1 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-values-with-log-limit-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-values-with-log-limit-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-with-baseline-set-to-1-if-fit-is-false-and-limit-is-set-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-with-baseline-set-to-1-if-fit-is-false-and-limit-is-set-chrome-linux.png
index 8270a7f0ef..de87bdaf71 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-with-baseline-set-to-1-if-fit-is-false-and-limit-is-set-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-with-baseline-set-to-1-if-fit-is-false-and-limit-is-set-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-with-baseline-set-to-1-if-fit-is-false-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-with-baseline-set-to-1-if-fit-is-false-chrome-linux.png
index 8270a7f0ef..de87bdaf71 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-with-baseline-set-to-1-if-fit-is-false-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/positive-values/should-render-with-baseline-set-to-1-if-fit-is-false-chrome-linux.png differ
diff --git a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/should-render-linear-binary-with-nicing-chrome-linux.png b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/should-render-linear-binary-with-nicing-chrome-linux.png
index 21accdb3e8..b0789d1c25 100644
Binary files a/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/should-render-linear-binary-with-nicing-chrome-linux.png and b/e2e/screenshots/scales_stories.test.ts-snapshots/scales-stories/should-render-linear-binary-with-nicing-chrome-linux.png differ
diff --git a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/can-style-the-area-chrome-linux.png b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/can-style-the-area-chrome-linux.png
index 7c5ce31e30..45d09c1b98 100644
Binary files a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/can-style-the-area-chrome-linux.png and b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/can-style-the-area-chrome-linux.png differ
diff --git a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/can-style-the-line-chrome-linux.png b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/can-style-the-line-chrome-linux.png
index 88e5e8af72..16adde055c 100644
Binary files a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/can-style-the-line-chrome-linux.png and b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/can-style-the-line-chrome-linux.png differ
diff --git a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-apply-opacity-on-styled-fit-series-chrome-linux.png b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-apply-opacity-on-styled-fit-series-chrome-linux.png
index aaa066bfcd..f3a301b541 100644
Binary files a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-apply-opacity-on-styled-fit-series-chrome-linux.png and b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-apply-opacity-on-styled-fit-series-chrome-linux.png differ
diff --git a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-interpolated-area-as-non-interpolated-areas-chrome-linux.png b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-interpolated-area-as-non-interpolated-areas-chrome-linux.png
index 77a045cc50..f705196684 100644
Binary files a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-interpolated-area-as-non-interpolated-areas-chrome-linux.png and b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-interpolated-area-as-non-interpolated-areas-chrome-linux.png differ
diff --git a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-interpolated-line-as-non-interpolated-lines-chrome-linux.png b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-interpolated-line-as-non-interpolated-lines-chrome-linux.png
index 2c42d49be3..29623e7d1e 100644
Binary files a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-interpolated-line-as-non-interpolated-lines-chrome-linux.png and b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-interpolated-line-as-non-interpolated-lines-chrome-linux.png differ
diff --git a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-style-on-stacked-areas-chrome-linux.png b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-style-on-stacked-areas-chrome-linux.png
index d23af1edc7..a32f147a65 100644
Binary files a/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-style-on-stacked-areas-chrome-linux.png and b/e2e/screenshots/stylings_stories.test.ts-snapshots/stylings-stories/fit-function-styling/should-render-style-on-stacked-areas-chrome-linux.png differ
diff --git a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/data-points-outside-of-the-configured-y-domain/should-not-render-points-outside-domain-with-line-chart-chrome-linux.png b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/data-points-outside-of-the-configured-y-domain/should-not-render-points-outside-domain-with-line-chart-chrome-linux.png
index 936cb5f5b3..2742b67ef8 100644
Binary files a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/data-points-outside-of-the-configured-y-domain/should-not-render-points-outside-domain-with-line-chart-chrome-linux.png and b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/data-points-outside-of-the-configured-y-domain/should-not-render-points-outside-domain-with-line-chart-chrome-linux.png differ
diff --git a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-disable-isolated-point-styles-chrome-linux.png b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-disable-isolated-point-styles-chrome-linux.png
index d0671e29e7..f6bacb0188 100644
Binary files a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-disable-isolated-point-styles-chrome-linux.png and b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-disable-isolated-point-styles-chrome-linux.png differ
diff --git a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-all-point-styles-with-point-accessor-styles-chrome-linux.png b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-all-point-styles-with-point-accessor-styles-chrome-linux.png
index 45b963585a..f631e4b9c3 100644
Binary files a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-all-point-styles-with-point-accessor-styles-chrome-linux.png and b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-all-point-styles-with-point-accessor-styles-chrome-linux.png differ
diff --git a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-theme-and-series-point-styles-with-iso-point-styles-chrome-linux.png b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-theme-and-series-point-styles-with-iso-point-styles-chrome-linux.png
index 11d16176a8..d975ed85a6 100644
Binary files a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-theme-and-series-point-styles-with-iso-point-styles-chrome-linux.png and b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-theme-and-series-point-styles-with-iso-point-styles-chrome-linux.png differ
diff --git a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-theme-point-and-iso-point-styles-with-series-styles-chrome-linux.png b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-theme-point-and-iso-point-styles-with-series-styles-chrome-linux.png
index 0256d40570..981915dd4d 100644
Binary files a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-theme-point-and-iso-point-styles-with-series-styles-chrome-linux.png and b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/isolated-point-styles/should-override-theme-point-and-iso-point-styles-with-series-styles-chrome-linux.png differ
diff --git a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-1ms-chrome-linux.png b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-1ms-chrome-linux.png
index b432db28d1..745c51b833 100644
Binary files a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-1ms-chrome-linux.png and b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-1ms-chrome-linux.png differ
diff --git a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-domain-chrome-linux.png b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-domain-chrome-linux.png
index 895574ce91..a3d65be2af 100644
Binary files a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-domain-chrome-linux.png and b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-domain-chrome-linux.png differ
diff --git a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-empty-chrome-linux.png b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-empty-chrome-linux.png
index dae6811307..c2982d6558 100644
Binary files a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-empty-chrome-linux.png and b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/custom-empty-chrome-linux.png differ
diff --git a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/data-domain-chrome-linux.png b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/data-domain-chrome-linux.png
index 50586a8d7f..364c7b3d64 100644
Binary files a/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/data-domain-chrome-linux.png and b/e2e/screenshots/test_cases_stories.test.ts-snapshots/test-cases-stories/legend-last-value-should-be-aligned-across-areas-and-bars/data-domain-chrome-linux.png differ
diff --git a/e2e/screenshots/timezone.test.ts-snapshots/time-zone/utc-minus-8-chrome-linux.png b/e2e/screenshots/timezone.test.ts-snapshots/time-zone/utc-minus-8-chrome-linux.png
index 2d96997518..6916ad3021 100644
Binary files a/e2e/screenshots/timezone.test.ts-snapshots/time-zone/utc-minus-8-chrome-linux.png and b/e2e/screenshots/timezone.test.ts-snapshots/time-zone/utc-minus-8-chrome-linux.png differ
diff --git a/e2e/screenshots/timezone.test.ts-snapshots/time-zone/utc-plus-8-chrome-linux.png b/e2e/screenshots/timezone.test.ts-snapshots/time-zone/utc-plus-8-chrome-linux.png
index d3a0dcd24c..3ea0b0fa61 100644
Binary files a/e2e/screenshots/timezone.test.ts-snapshots/time-zone/utc-plus-8-chrome-linux.png and b/e2e/screenshots/timezone.test.ts-snapshots/time-zone/utc-plus-8-chrome-linux.png differ
diff --git a/e2e/screenshots/tooltip.test.ts-snapshots/tooltip/chart-types/cartesian/pinning-over-selection-chrome-linux.png b/e2e/screenshots/tooltip.test.ts-snapshots/tooltip/chart-types/cartesian/pinning-over-selection-chrome-linux.png
index e4d5487cc3..a73d369b12 100644
Binary files a/e2e/screenshots/tooltip.test.ts-snapshots/tooltip/chart-types/cartesian/pinning-over-selection-chrome-linux.png and b/e2e/screenshots/tooltip.test.ts-snapshots/tooltip/chart-types/cartesian/pinning-over-selection-chrome-linux.png differ
diff --git a/e2e/screenshots/tooltip.test.ts-snapshots/tooltip/chart-types/cartesian/show-loading-prompt-for-async-actions-chrome-linux.png b/e2e/screenshots/tooltip.test.ts-snapshots/tooltip/chart-types/cartesian/show-loading-prompt-for-async-actions-chrome-linux.png
index b2d063c7ef..1377f69b09 100644
Binary files a/e2e/screenshots/tooltip.test.ts-snapshots/tooltip/chart-types/cartesian/show-loading-prompt-for-async-actions-chrome-linux.png and b/e2e/screenshots/tooltip.test.ts-snapshots/tooltip/chart-types/cartesian/show-loading-prompt-for-async-actions-chrome-linux.png differ
diff --git a/packages/charts/api/charts.api.md b/packages/charts/api/charts.api.md
index d2b9a8fd89..0d2ca280fc 100644
--- a/packages/charts/api/charts.api.md
+++ b/packages/charts/api/charts.api.md
@@ -194,23 +194,19 @@ export type AreaSeriesSpec<D extends BaseDatum = Datum> = BasicSeriesSpec<D, 'ar
     fit?: Exclude<Fit, 'explicit'> | FitConfig;
 };
 
-// @public (undocumented)
+// @public
 export interface AreaSeriesStyle {
-    // (undocumented)
     area: AreaStyle;
-    // (undocumented)
     fit: {
         line: LineFitStyle;
         area: AreaFitStyle;
     };
-    // (undocumented)
     isolatedPoint: {
         enabled: boolean;
-    } & PointStyle;
-    // (undocumented)
+    } & Omit<PointStyle, 'radius'>;
     line: LineStyle;
-    // (undocumented)
     point: PointStyle;
+    pointVisibilityMinDistance: Pixels;
 }
 
 // @public (undocumented)
@@ -1993,20 +1989,17 @@ export type LineSeriesSpec<D extends BaseDatum = Datum> = BasicSeriesSpec<D, 'li
     fit?: Exclude<Fit, 'explicit'> | FitConfig;
 };
 
-// @public (undocumented)
+// @public
 export interface LineSeriesStyle {
-    // (undocumented)
     fit: {
         line: LineFitStyle;
     };
-    // (undocumented)
     isolatedPoint: {
         enabled: boolean;
-    } & PointStyle;
-    // (undocumented)
+    } & Omit<PointStyle, 'radius'>;
     line: LineStyle;
-    // (undocumented)
     point: PointStyle;
+    pointVisibilityMinDistance: Pixels;
 }
 
 // @public (undocumented)
@@ -2444,14 +2437,14 @@ export interface PointStyle {
     shape?: PointShape;
     stroke?: Color | ColorVariant;
     strokeWidth: number;
-    visible: boolean;
+    visible: 'never' | 'always' | 'auto';
 }
 
 // @public
 export type PointStyleAccessor = (datum: DataSeriesDatum, seriesIdentifier: XYChartSeriesIdentifier, isolatedPoint: boolean) => PointStyleOverride;
 
 // @public (undocumented)
-export type PointStyleOverride = RecursivePartial<PointStyle> | Color | null;
+export type PointStyleOverride = RecursivePartial<Omit<PointStyle, 'visible'>> | Color | null;
 
 // @public (undocumented)
 export const Position: Readonly<{
diff --git a/packages/charts/src/chart_types/xy_chart/renderer/canvas/areas.ts b/packages/charts/src/chart_types/xy_chart/renderer/canvas/areas.ts
index 4ece109c50..3009e46092 100644
--- a/packages/charts/src/chart_types/xy_chart/renderer/canvas/areas.ts
+++ b/packages/charts/src/chart_types/xy_chart/renderer/canvas/areas.ts
@@ -35,44 +35,48 @@ export function renderAreas(
 ) {
   withContext(ctx, () => {
     // first render all the areas and lines
-    areas.forEach(({ panel, value: area }) => {
-      const { style } = area;
+    areas.forEach(({ panel, value: geom }) => {
       const clippings = getPanelClipping(panel, rotation);
-      if (style.area.visible) {
+      if (geom.style.area.visible) {
         withPanelTransform(
           ctx,
           panel,
           rotation,
           renderingArea,
-          () => renderArea(ctx, imgCanvas, area, sharedStyle, clippings, highlightedLegendItem),
+          () => renderArea(ctx, imgCanvas, geom, sharedStyle, clippings, highlightedLegendItem),
           { area: clippings, shouldClip: true },
         );
       }
-      if (style.line.visible) {
+      if (geom.style.line.visible) {
         withPanelTransform(
           ctx,
           panel,
           rotation,
           renderingArea,
-          () => renderAreaLines(ctx, area, sharedStyle, clippings, highlightedLegendItem),
+          () => renderAreaLines(ctx, geom, sharedStyle, clippings, highlightedLegendItem),
           { area: clippings, shouldClip: true },
         );
       }
     });
     // now we can render the visible points on top of each the areas/lines
-    areas.forEach(({ panel, value: area }) => {
-      const { style, seriesIdentifier, points } = area;
-      const visiblePoints = style.point.visible ? points : points.filter(({ isolated }) => isolated);
-      if (visiblePoints.length === 0) {
-        return;
-      }
-      const geometryStateStyle = getGeometryStateStyle(seriesIdentifier, sharedStyle, highlightedLegendItem);
+    areas.forEach(({ panel, value: { style, seriesIdentifier, points, hasFit, minPointDistance } }) => {
+      const geometryStyle = getGeometryStateStyle(seriesIdentifier, sharedStyle, highlightedLegendItem);
       withPanelTransform(
         ctx,
         panel,
         rotation,
         renderingArea,
-        () => renderPoints(ctx, visiblePoints, geometryStateStyle),
+        () =>
+          renderPoints(
+            ctx,
+            points,
+            geometryStyle,
+            style.point,
+            style.line.strokeWidth,
+            minPointDistance,
+            style.pointVisibilityMinDistance,
+            hasFit,
+          ),
         { area: getPanelClipping(panel, rotation), shouldClip: points[0]?.value.mark !== null },
       );
     });
diff --git a/packages/charts/src/chart_types/xy_chart/renderer/canvas/lines.ts b/packages/charts/src/chart_types/xy_chart/renderer/canvas/lines.ts
index c51968c6e5..c97e9ff135 100644
--- a/packages/charts/src/chart_types/xy_chart/renderer/canvas/lines.ts
+++ b/packages/charts/src/chart_types/xy_chart/renderer/canvas/lines.ts
@@ -34,9 +34,8 @@ export function renderLines(
 ) {
   withContext(ctx, () => {
     lines.forEach(({ panel, value: line }) => {
-      const { style, points } = line;
       const clippings = getPanelClipping(panel, rotation);
-      if (style.line.visible) {
+      if (line.style.line.visible) {
         withPanelTransform(
           ctx,
           panel,
@@ -46,18 +45,23 @@ export function renderLines(
           { area: clippings, shouldClip: true },
         );
       }
-
-      const visiblePoints = style.point.visible ? points : points.filter(({ isolated }) => isolated);
-      if (visiblePoints.length === 0) {
-        return;
-      }
       const geometryStyle = getGeometryStateStyle(line.seriesIdentifier, sharedStyle, highlightedLegendItem);
       withPanelTransform(
         ctx,
         panel,
         rotation,
         renderingArea,
-        () => renderPoints(ctx, visiblePoints, geometryStyle),
+        () =>
+          renderPoints(
+            ctx,
+            line.points,
+            geometryStyle,
+            line.style.point,
+            line.style.line.strokeWidth,
+            line.minPointDistance,
+            line.style.pointVisibilityMinDistance,
+            line.hasFit,
+          ),
         // TODO: add padding over clipping
         { area: clippings, shouldClip: line.points[0]?.value.mark !== null },
       );
diff --git a/packages/charts/src/chart_types/xy_chart/renderer/canvas/points.ts b/packages/charts/src/chart_types/xy_chart/renderer/canvas/points.ts
index 754e524659..242f716920 100644
--- a/packages/charts/src/chart_types/xy_chart/renderer/canvas/points.ts
+++ b/packages/charts/src/chart_types/xy_chart/renderer/canvas/points.ts
@@ -15,26 +15,47 @@ import { Circle, Fill, Stroke } from '../../../../geoms/types';
 import { Rotation } from '../../../../utils/common';
 import { Dimensions } from '../../../../utils/dimensions';
 import { PointGeometry } from '../../../../utils/geometry';
-import { GeometryStateStyle } from '../../../../utils/themes/theme';
+import { GeometryStateStyle, PointStyle } from '../../../../utils/themes/theme';
+import { isolatedPointRadius } from '../../rendering/points';
 
 /**
  * Renders points from single series
  *
  * @internal
  */
-export function renderPoints(ctx: CanvasRenderingContext2D, points: PointGeometry[], { opacity }: GeometryStateStyle) {
-  points
-    .slice()
-    .sort(({ radius: a }, { radius: b }) => b - a)
-    .forEach(({ x, y, radius, transform, style }) => {
-      const coordinates = { x: x + transform.x, y: y + transform.y, radius };
-      const fill = { color: overrideOpacity(style.fill.color, (fillOpacity) => fillOpacity * opacity) };
-      const stroke = {
-        ...style.stroke,
-        color: overrideOpacity(style.stroke.color, (fillOpacity) => fillOpacity * opacity),
-      };
-      renderShape(ctx, style.shape, coordinates, fill, stroke);
-    });
+export function renderPoints(
+  ctx: CanvasRenderingContext2D,
+  points: PointGeometry[],
+  { opacity }: GeometryStateStyle,
+  pointStyle: PointStyle,
+  lineStrokeWidth: number,
+  minDistanceBetweenPoints: number,
+  minDistanceToShowPoints: number,
+  hasConnectingLine: boolean,
+) {
+  const isHiddenOnAuto = pointStyle.visible === 'auto' && minDistanceBetweenPoints < minDistanceToShowPoints;
+  const hideDataPoints = pointStyle.visible === 'never' || isHiddenOnAuto;
+  const hideIsolatedDataPoints = hasConnectingLine && hideDataPoints;
+
+  const useIsolatedPointRadius = hideDataPoints && !hasConnectingLine;
+
+  points.forEach(({ x, y, radius, transform, style, isolated }) => {
+    if ((isolated && hideIsolatedDataPoints) || (!isolated && hideDataPoints)) {
+      return;
+    }
+
+    const coordinates = {
+      x: x + transform.x,
+      y: y + transform.y,
+      radius: isolated ? (useIsolatedPointRadius ? isolatedPointRadius(lineStrokeWidth) : pointStyle.radius) : radius,
+    };
+    const fill = { color: overrideOpacity(style.fill.color, (fillOpacity) => fillOpacity * opacity) };
+    const stroke = {
+      ...style.stroke,
+      color: overrideOpacity(style.stroke.color, (fillOpacity) => fillOpacity * opacity),
+    };
+    renderShape(ctx, style.shape, coordinates, fill, stroke);
+  });
 }
 
 /**
diff --git a/packages/charts/src/chart_types/xy_chart/renderer/dom/highlighter.tsx b/packages/charts/src/chart_types/xy_chart/renderer/dom/highlighter.tsx
index a458660338..22952841b4 100644
--- a/packages/charts/src/chart_types/xy_chart/renderer/dom/highlighter.tsx
+++ b/packages/charts/src/chart_types/xy_chart/renderer/dom/highlighter.tsx
@@ -86,8 +86,7 @@ class HighlighterComponent extends React.Component<HighlighterProps> {
           const geomTransform = getTransformForPanel(panel, chartRotation, chartDimensions);
 
           if (isPointGeometry(geom)) {
-            // using the stroke because the fill is always white on points
-            const fillColor = getColorFromVariant(RGBATupleToString(geom.style.stroke.color), style.point.fill);
+            const fillColor = getColorFromVariant(RGBATupleToString(geom.style.fill.color), style.point.fill);
             const strokeColor = getColorFromVariant(RGBATupleToString(geom.style.stroke.color), style.point.stroke);
 
             const radius = Math.max(geom.radius, style.point.radius);
diff --git a/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.areas.test.ts.snap b/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.areas.test.ts.snap
index 1f136589d8..42178723f2 100644
--- a/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.areas.test.ts.snap
+++ b/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.areas.test.ts.snap
@@ -26,20 +26,20 @@ exports[`Rendering points - areas Multi series area chart - linear can render fi
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -49,15 +49,15 @@ exports[`Rendering points - areas Multi series area chart - linear can render fi
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 50,
+    "x": 100,
+    "y": 75,
   },
   {
     "color": "red",
@@ -83,20 +83,20 @@ exports[`Rendering points - areas Multi series area chart - linear can render fi
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -106,15 +106,15 @@ exports[`Rendering points - areas Multi series area chart - linear can render fi
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 100,
-    "y": 75,
+    "x": 0,
+    "y": 50,
   },
 ]
 `;
@@ -144,8 +144,8 @@ exports[`Rendering points - areas Multi series area chart - linear can render se
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -155,10 +155,10 @@ exports[`Rendering points - areas Multi series area chart - linear can render se
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -168,15 +168,15 @@ exports[`Rendering points - areas Multi series area chart - linear can render se
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        20,
+        1,
+        10,
       ],
       "mark": null,
-      "x": 0,
-      "y": 20,
+      "x": 1,
+      "y": 10,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "blue",
@@ -201,8 +201,8 @@ exports[`Rendering points - areas Multi series area chart - linear can render se
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -212,10 +212,10 @@ exports[`Rendering points - areas Multi series area chart - linear can render se
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -225,15 +225,15 @@ exports[`Rendering points - areas Multi series area chart - linear can render se
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        10,
+        0,
+        20,
       ],
       "mark": null,
-      "x": 1,
-      "y": 10,
+      "x": 0,
+      "y": 20,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -264,20 +264,20 @@ exports[`Rendering points - areas Multi series area chart - ordinal can render f
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -287,15 +287,15 @@ exports[`Rendering points - areas Multi series area chart - ordinal can render f
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 50,
+    "x": 50,
+    "y": 75,
   },
   {
     "color": "red",
@@ -321,20 +321,20 @@ exports[`Rendering points - areas Multi series area chart - ordinal can render f
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -344,15 +344,15 @@ exports[`Rendering points - areas Multi series area chart - ordinal can render f
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 50,
-    "y": 75,
+    "x": 0,
+    "y": 50,
   },
 ]
 `;
@@ -382,8 +382,8 @@ exports[`Rendering points - areas Multi series area chart - ordinal can render s
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -393,10 +393,10 @@ exports[`Rendering points - areas Multi series area chart - ordinal can render s
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -406,15 +406,15 @@ exports[`Rendering points - areas Multi series area chart - ordinal can render s
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        20,
+        1,
+        10,
       ],
       "mark": null,
-      "x": 0,
-      "y": 20,
+      "x": 1,
+      "y": 10,
     },
-    "x": 0,
-    "y": 0,
+    "x": 50,
+    "y": 50,
   },
   {
     "color": "blue",
@@ -439,8 +439,8 @@ exports[`Rendering points - areas Multi series area chart - ordinal can render s
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -450,10 +450,10 @@ exports[`Rendering points - areas Multi series area chart - ordinal can render s
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -463,15 +463,15 @@ exports[`Rendering points - areas Multi series area chart - ordinal can render s
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        10,
+        0,
+        20,
       ],
       "mark": null,
-      "x": 1,
-      "y": 10,
+      "x": 0,
+      "y": 20,
     },
-    "x": 50,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -502,20 +502,20 @@ exports[`Rendering points - areas Multi series area chart - time can render firs
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -525,15 +525,15 @@ exports[`Rendering points - areas Multi series area chart - time can render firs
     "value": {
       "accessor": "y1",
       "datum": [
-        1546300800000,
-        10,
+        1546387200000,
+        5,
       ],
       "mark": null,
-      "x": 1546300800000,
-      "y": 10,
+      "x": 1546387200000,
+      "y": 5,
     },
-    "x": 0,
-    "y": 50,
+    "x": 100,
+    "y": 75,
   },
   {
     "color": "red",
@@ -559,20 +559,20 @@ exports[`Rendering points - areas Multi series area chart - time can render firs
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -582,15 +582,15 @@ exports[`Rendering points - areas Multi series area chart - time can render firs
     "value": {
       "accessor": "y1",
       "datum": [
-        1546387200000,
-        5,
+        1546300800000,
+        10,
       ],
       "mark": null,
-      "x": 1546387200000,
-      "y": 5,
+      "x": 1546300800000,
+      "y": 10,
     },
-    "x": 100,
-    "y": 75,
+    "x": 0,
+    "y": 50,
   },
 ]
 `;
@@ -620,8 +620,8 @@ exports[`Rendering points - areas Multi series area chart - time can render seco
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -631,10 +631,10 @@ exports[`Rendering points - areas Multi series area chart - time can render seco
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -644,15 +644,15 @@ exports[`Rendering points - areas Multi series area chart - time can render seco
     "value": {
       "accessor": "y1",
       "datum": [
-        1546300800000,
-        20,
+        1546387200000,
+        10,
       ],
       "mark": null,
-      "x": 1546300800000,
-      "y": 20,
+      "x": 1546387200000,
+      "y": 10,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "blue",
@@ -677,8 +677,8 @@ exports[`Rendering points - areas Multi series area chart - time can render seco
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -688,10 +688,10 @@ exports[`Rendering points - areas Multi series area chart - time can render seco
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -701,15 +701,15 @@ exports[`Rendering points - areas Multi series area chart - time can render seco
     "value": {
       "accessor": "y1",
       "datum": [
-        1546387200000,
-        10,
+        1546300800000,
+        20,
       ],
       "mark": null,
-      "x": 1546387200000,
-      "y": 10,
+      "x": 1546300800000,
+      "y": 20,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -740,20 +740,20 @@ exports[`Rendering points - areas Single series area chart - linear Can render t
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -763,15 +763,15 @@ exports[`Rendering points - areas Single series area chart - linear Can render t
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "red",
@@ -797,20 +797,20 @@ exports[`Rendering points - areas Single series area chart - linear Can render t
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -820,15 +820,15 @@ exports[`Rendering points - areas Single series area chart - linear Can render t
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -859,20 +859,20 @@ exports[`Rendering points - areas Single series area chart - ordinal Can render
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -882,15 +882,15 @@ exports[`Rendering points - areas Single series area chart - ordinal Can render
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 0,
+    "x": 50,
+    "y": 50,
   },
   {
     "color": "red",
@@ -916,20 +916,20 @@ exports[`Rendering points - areas Single series area chart - ordinal Can render
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -939,15 +939,15 @@ exports[`Rendering points - areas Single series area chart - ordinal Can render
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 50,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -978,20 +978,20 @@ exports[`Rendering points - areas Single series area chart - time Can render two
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -1001,15 +1001,15 @@ exports[`Rendering points - areas Single series area chart - time Can render two
     "value": {
       "accessor": "y1",
       "datum": [
-        1546300800000,
-        10,
+        1546387200000,
+        5,
       ],
       "mark": null,
-      "x": 1546300800000,
-      "y": 10,
+      "x": 1546387200000,
+      "y": 5,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "red",
@@ -1035,20 +1035,20 @@ exports[`Rendering points - areas Single series area chart - time Can render two
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -1058,15 +1058,15 @@ exports[`Rendering points - areas Single series area chart - time Can render two
     "value": {
       "accessor": "y1",
       "datum": [
-        1546387200000,
-        5,
+        1546300800000,
+        10,
       ],
       "mark": null,
-      "x": 1546387200000,
-      "y": 5,
+      "x": 1546300800000,
+      "y": 10,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
diff --git a/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.bands.test.ts.snap b/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.bands.test.ts.snap
index 6342f7bbcd..696eb76340 100644
--- a/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.bands.test.ts.snap
+++ b/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.bands.test.ts.snap
@@ -26,20 +26,20 @@ exports[`Rendering bands - areas Single band area chart Can render two points 1`
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -47,18 +47,18 @@ exports[`Rendering bands - areas Single band area chart Can render two points 1`
       "y": 0,
     },
     "value": {
-      "accessor": "y0",
+      "accessor": "y1",
       "datum": [
-        0,
-        2,
-        10,
+        1,
+        3,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 2,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 80,
+    "x": 50,
+    "y": 50,
   },
   {
     "color": "red",
@@ -84,20 +84,20 @@ exports[`Rendering bands - areas Single band area chart Can render two points 1`
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -105,18 +105,18 @@ exports[`Rendering bands - areas Single band area chart Can render two points 1`
       "y": 0,
     },
     "value": {
-      "accessor": "y1",
+      "accessor": "y0",
       "datum": [
-        0,
-        2,
-        10,
+        1,
+        3,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 3,
     },
-    "x": 0,
-    "y": 0,
+    "x": 50,
+    "y": 70,
   },
   {
     "color": "red",
@@ -142,20 +142,20 @@ exports[`Rendering bands - areas Single band area chart Can render two points 1`
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -163,18 +163,18 @@ exports[`Rendering bands - areas Single band area chart Can render two points 1`
       "y": 0,
     },
     "value": {
-      "accessor": "y0",
+      "accessor": "y1",
       "datum": [
-        1,
-        3,
-        5,
+        0,
+        2,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 3,
+      "x": 0,
+      "y": 10,
     },
-    "x": 50,
-    "y": 70,
+    "x": 0,
+    "y": 0,
   },
   {
     "color": "red",
@@ -200,20 +200,20 @@ exports[`Rendering bands - areas Single band area chart Can render two points 1`
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -221,18 +221,18 @@ exports[`Rendering bands - areas Single band area chart Can render two points 1`
       "y": 0,
     },
     "value": {
-      "accessor": "y1",
+      "accessor": "y0",
       "datum": [
-        1,
-        3,
-        5,
+        0,
+        2,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 2,
     },
-    "x": 50,
-    "y": 50,
+    "x": 0,
+    "y": 80,
   },
 ]
 `;
@@ -248,7 +248,7 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "top": 0,
       "width": 100,
     },
-    "radius": 2,
+    "radius": 2.5,
     "seriesIdentifier": {
       "key": "groupId{group_1}spec{spec_1}yAccessor{2}splitAccessors{}",
       "seriesKeys": [
@@ -263,8 +263,8 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -276,7 +276,7 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -284,7 +284,7 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "y": 0,
     },
     "value": {
-      "accessor": "y0",
+      "accessor": "y1",
       "datum": [
         0,
         2,
@@ -292,10 +292,10 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       ],
       "mark": null,
       "x": 0,
-      "y": 2,
+      "y": 10,
     },
     "x": 0,
-    "y": 80,
+    "y": 0,
   },
   {
     "color": "red",
@@ -306,7 +306,7 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "top": 0,
       "width": 100,
     },
-    "radius": 2,
+    "radius": 2.5,
     "seriesIdentifier": {
       "key": "groupId{group_1}spec{spec_1}yAccessor{2}splitAccessors{}",
       "seriesKeys": [
@@ -321,8 +321,8 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -334,7 +334,7 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -342,7 +342,7 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "y": 0,
     },
     "value": {
-      "accessor": "y1",
+      "accessor": "y0",
       "datum": [
         0,
         2,
@@ -350,10 +350,10 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       ],
       "mark": null,
       "x": 0,
-      "y": 10,
+      "y": 2,
     },
     "x": 0,
-    "y": 0,
+    "y": 80,
   },
   {
     "color": "red",
@@ -379,20 +379,20 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -400,18 +400,18 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "y": 0,
     },
     "value": {
-      "accessor": "y0",
+      "accessor": "y1",
       "datum": [
-        2,
+        3,
         3,
         5,
       ],
       "mark": null,
-      "x": 2,
-      "y": 3,
+      "x": 3,
+      "y": 5,
     },
-    "x": 50,
-    "y": 70,
+    "x": 75,
+    "y": 50,
   },
   {
     "color": "red",
@@ -437,20 +437,20 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -458,18 +458,18 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "y": 0,
     },
     "value": {
-      "accessor": "y1",
+      "accessor": "y0",
       "datum": [
-        2,
+        3,
         3,
         5,
       ],
       "mark": null,
-      "x": 2,
-      "y": 5,
+      "x": 3,
+      "y": 3,
     },
-    "x": 50,
-    "y": 50,
+    "x": 75,
+    "y": 70,
   },
   {
     "color": "red",
@@ -495,20 +495,20 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -516,18 +516,18 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "y": 0,
     },
     "value": {
-      "accessor": "y0",
+      "accessor": "y1",
       "datum": [
-        3,
+        2,
         3,
         5,
       ],
       "mark": null,
-      "x": 3,
-      "y": 3,
+      "x": 2,
+      "y": 5,
     },
-    "x": 75,
-    "y": 70,
+    "x": 50,
+    "y": 50,
   },
   {
     "color": "red",
@@ -553,20 +553,20 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -574,18 +574,18 @@ exports[`Rendering bands - areas Single band area chart with null values Can ren
       "y": 0,
     },
     "value": {
-      "accessor": "y1",
+      "accessor": "y0",
       "datum": [
-        3,
+        2,
         3,
         5,
       ],
       "mark": null,
-      "x": 3,
-      "y": 5,
+      "x": 2,
+      "y": 3,
     },
-    "x": 75,
-    "y": 50,
+    "x": 50,
+    "y": 70,
   },
 ]
 `;
diff --git a/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.bubble.test.ts.snap b/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.bubble.test.ts.snap
index 4c772accda..5d975167fa 100644
--- a/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.bubble.test.ts.snap
+++ b/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.bubble.test.ts.snap
@@ -26,8 +26,8 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -39,7 +39,7 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -49,15 +49,15 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 50,
+    "x": 100,
+    "y": 75,
   },
   {
     "color": "red",
@@ -83,8 +83,8 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -96,7 +96,7 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -106,15 +106,15 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 100,
-    "y": 75,
+    "x": 0,
+    "y": 50,
   },
 ]
 `;
@@ -144,8 +144,8 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -158,7 +158,7 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
           255,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -168,15 +168,15 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        20,
+        1,
+        10,
       ],
       "mark": null,
-      "x": 0,
-      "y": 20,
+      "x": 1,
+      "y": 10,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "blue",
@@ -201,8 +201,8 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -215,7 +215,7 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
           255,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -225,15 +225,15 @@ exports[`Rendering points - bubble Multi series bubble chart - linear can render
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        10,
+        0,
+        20,
       ],
       "mark": null,
-      "x": 1,
-      "y": 10,
+      "x": 0,
+      "y": 20,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -264,8 +264,8 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -277,7 +277,7 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -287,15 +287,15 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 50,
+    "x": 50,
+    "y": 75,
   },
   {
     "color": "red",
@@ -321,8 +321,8 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -334,7 +334,7 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -344,15 +344,15 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 50,
-    "y": 75,
+    "x": 0,
+    "y": 50,
   },
 ]
 `;
@@ -382,8 +382,8 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -396,7 +396,7 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
           255,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -406,15 +406,15 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        20,
+        1,
+        10,
       ],
       "mark": null,
-      "x": 0,
-      "y": 20,
+      "x": 1,
+      "y": 10,
     },
-    "x": 0,
-    "y": 0,
+    "x": 50,
+    "y": 50,
   },
   {
     "color": "blue",
@@ -439,8 +439,8 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -453,7 +453,7 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
           255,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -463,15 +463,15 @@ exports[`Rendering points - bubble Multi series bubble chart - ordinal can rende
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        10,
+        0,
+        20,
       ],
       "mark": null,
-      "x": 1,
-      "y": 10,
+      "x": 0,
+      "y": 20,
     },
-    "x": 50,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -502,8 +502,8 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render f
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -515,7 +515,7 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render f
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -525,15 +525,15 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render f
     "value": {
       "accessor": "y1",
       "datum": [
-        1546300800000,
-        10,
+        1546387200000,
+        5,
       ],
       "mark": null,
-      "x": 1546300800000,
-      "y": 10,
+      "x": 1546387200000,
+      "y": 5,
     },
-    "x": 0,
-    "y": 50,
+    "x": 100,
+    "y": 75,
   },
   {
     "color": "red",
@@ -559,8 +559,8 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render f
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -572,7 +572,7 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render f
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -582,15 +582,15 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render f
     "value": {
       "accessor": "y1",
       "datum": [
-        1546387200000,
-        5,
+        1546300800000,
+        10,
       ],
       "mark": null,
-      "x": 1546387200000,
-      "y": 5,
+      "x": 1546300800000,
+      "y": 10,
     },
-    "x": 100,
-    "y": 75,
+    "x": 0,
+    "y": 50,
   },
 ]
 `;
@@ -620,8 +620,8 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render s
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -634,7 +634,7 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render s
           255,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -644,15 +644,15 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render s
     "value": {
       "accessor": "y1",
       "datum": [
-        1546300800000,
-        20,
+        1546387200000,
+        10,
       ],
       "mark": null,
-      "x": 1546300800000,
-      "y": 20,
+      "x": 1546387200000,
+      "y": 10,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "blue",
@@ -677,8 +677,8 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render s
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -691,7 +691,7 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render s
           255,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -701,15 +701,15 @@ exports[`Rendering points - bubble Multi series bubble chart - time can render s
     "value": {
       "accessor": "y1",
       "datum": [
-        1546387200000,
-        10,
+        1546300800000,
+        20,
       ],
       "mark": null,
-      "x": 1546387200000,
-      "y": 10,
+      "x": 1546300800000,
+      "y": 20,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -740,8 +740,8 @@ exports[`Rendering points - bubble Remove points datum is not in domain Should r
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -753,7 +753,7 @@ exports[`Rendering points - bubble Remove points datum is not in domain Should r
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -763,15 +763,15 @@ exports[`Rendering points - bubble Remove points datum is not in domain Should r
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        0,
+        1,
+        1,
       ],
       "mark": null,
-      "x": 0,
-      "y": 0,
+      "x": 1,
+      "y": 1,
     },
-    "x": 0,
-    "y": 100,
+    "x": 50,
+    "y": 0,
   },
   {
     "color": "red",
@@ -797,8 +797,8 @@ exports[`Rendering points - bubble Remove points datum is not in domain Should r
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -810,7 +810,7 @@ exports[`Rendering points - bubble Remove points datum is not in domain Should r
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -820,15 +820,15 @@ exports[`Rendering points - bubble Remove points datum is not in domain Should r
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        1,
+        0,
+        0,
       ],
       "mark": null,
-      "x": 1,
-      "y": 1,
+      "x": 0,
+      "y": 0,
     },
-    "x": 50,
-    "y": 0,
+    "x": 0,
+    "y": 100,
   },
 ]
 `;
@@ -859,8 +859,8 @@ exports[`Rendering points - bubble Single series bubble chart - linear Can rende
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -872,7 +872,7 @@ exports[`Rendering points - bubble Single series bubble chart - linear Can rende
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -882,15 +882,15 @@ exports[`Rendering points - bubble Single series bubble chart - linear Can rende
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "red",
@@ -916,8 +916,8 @@ exports[`Rendering points - bubble Single series bubble chart - linear Can rende
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -929,7 +929,7 @@ exports[`Rendering points - bubble Single series bubble chart - linear Can rende
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -939,15 +939,15 @@ exports[`Rendering points - bubble Single series bubble chart - linear Can rende
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -978,8 +978,8 @@ exports[`Rendering points - bubble Single series bubble chart - ordinal Can rend
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -991,7 +991,7 @@ exports[`Rendering points - bubble Single series bubble chart - ordinal Can rend
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -1001,15 +1001,15 @@ exports[`Rendering points - bubble Single series bubble chart - ordinal Can rend
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 0,
+    "x": 50,
+    "y": 50,
   },
   {
     "color": "red",
@@ -1035,8 +1035,8 @@ exports[`Rendering points - bubble Single series bubble chart - ordinal Can rend
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -1048,7 +1048,7 @@ exports[`Rendering points - bubble Single series bubble chart - ordinal Can rend
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -1058,15 +1058,15 @@ exports[`Rendering points - bubble Single series bubble chart - ordinal Can rend
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 50,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -1097,8 +1097,8 @@ exports[`Rendering points - bubble Single series bubble chart - time Can render
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -1110,7 +1110,7 @@ exports[`Rendering points - bubble Single series bubble chart - time Can render
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -1120,15 +1120,15 @@ exports[`Rendering points - bubble Single series bubble chart - time Can render
     "value": {
       "accessor": "y1",
       "datum": [
-        1546300800000,
-        10,
+        1546387200000,
+        5,
       ],
       "mark": null,
-      "x": 1546300800000,
-      "y": 10,
+      "x": 1546387200000,
+      "y": 5,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "red",
@@ -1154,8 +1154,8 @@ exports[`Rendering points - bubble Single series bubble chart - time Can render
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
@@ -1167,7 +1167,7 @@ exports[`Rendering points - bubble Single series bubble chart - time Can render
           0,
           1,
         ],
-        "width": 1,
+        "width": 0,
       },
     },
     "transform": {
@@ -1177,15 +1177,15 @@ exports[`Rendering points - bubble Single series bubble chart - time Can render
     "value": {
       "accessor": "y1",
       "datum": [
-        1546387200000,
-        5,
+        1546300800000,
+        10,
       ],
       "mark": null,
-      "x": 1546387200000,
-      "y": 5,
+      "x": 1546300800000,
+      "y": 10,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
diff --git a/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.lines.test.ts.snap b/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.lines.test.ts.snap
index ba63b1255d..741391e61a 100644
--- a/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.lines.test.ts.snap
+++ b/packages/charts/src/chart_types/xy_chart/rendering/__snapshots__/rendering.lines.test.ts.snap
@@ -26,20 +26,20 @@ exports[`Rendering points - line Multi series line chart - linear can render fir
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -49,15 +49,15 @@ exports[`Rendering points - line Multi series line chart - linear can render fir
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 50,
+    "x": 100,
+    "y": 75,
   },
   {
     "color": "red",
@@ -83,20 +83,20 @@ exports[`Rendering points - line Multi series line chart - linear can render fir
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -106,15 +106,15 @@ exports[`Rendering points - line Multi series line chart - linear can render fir
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 100,
-    "y": 75,
+    "x": 0,
+    "y": 50,
   },
 ]
 `;
@@ -144,8 +144,8 @@ exports[`Rendering points - line Multi series line chart - linear can render sec
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -155,10 +155,10 @@ exports[`Rendering points - line Multi series line chart - linear can render sec
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -168,15 +168,15 @@ exports[`Rendering points - line Multi series line chart - linear can render sec
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        20,
+        1,
+        10,
       ],
       "mark": null,
-      "x": 0,
-      "y": 20,
+      "x": 1,
+      "y": 10,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "blue",
@@ -201,8 +201,8 @@ exports[`Rendering points - line Multi series line chart - linear can render sec
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -212,10 +212,10 @@ exports[`Rendering points - line Multi series line chart - linear can render sec
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -225,15 +225,15 @@ exports[`Rendering points - line Multi series line chart - linear can render sec
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        10,
+        0,
+        20,
       ],
       "mark": null,
-      "x": 1,
-      "y": 10,
+      "x": 0,
+      "y": 20,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -264,20 +264,20 @@ exports[`Rendering points - line Multi series line chart - ordinal can render fi
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -287,15 +287,15 @@ exports[`Rendering points - line Multi series line chart - ordinal can render fi
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 50,
+    "x": 50,
+    "y": 75,
   },
   {
     "color": "red",
@@ -321,20 +321,20 @@ exports[`Rendering points - line Multi series line chart - ordinal can render fi
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -344,15 +344,15 @@ exports[`Rendering points - line Multi series line chart - ordinal can render fi
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 50,
-    "y": 75,
+    "x": 0,
+    "y": 50,
   },
 ]
 `;
@@ -382,8 +382,8 @@ exports[`Rendering points - line Multi series line chart - ordinal can render se
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -393,10 +393,10 @@ exports[`Rendering points - line Multi series line chart - ordinal can render se
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -406,15 +406,15 @@ exports[`Rendering points - line Multi series line chart - ordinal can render se
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        20,
+        1,
+        10,
       ],
       "mark": null,
-      "x": 0,
-      "y": 20,
+      "x": 1,
+      "y": 10,
     },
-    "x": 0,
-    "y": 0,
+    "x": 50,
+    "y": 50,
   },
   {
     "color": "blue",
@@ -439,8 +439,8 @@ exports[`Rendering points - line Multi series line chart - ordinal can render se
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -450,10 +450,10 @@ exports[`Rendering points - line Multi series line chart - ordinal can render se
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -463,15 +463,15 @@ exports[`Rendering points - line Multi series line chart - ordinal can render se
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        10,
+        0,
+        20,
       ],
       "mark": null,
-      "x": 1,
-      "y": 10,
+      "x": 0,
+      "y": 20,
     },
-    "x": 50,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -502,20 +502,20 @@ exports[`Rendering points - line Multi series line chart - time can render first
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -525,15 +525,15 @@ exports[`Rendering points - line Multi series line chart - time can render first
     "value": {
       "accessor": "y1",
       "datum": [
-        1546300800000,
-        10,
+        1546387200000,
+        5,
       ],
       "mark": null,
-      "x": 1546300800000,
-      "y": 10,
+      "x": 1546387200000,
+      "y": 5,
     },
-    "x": 0,
-    "y": 50,
+    "x": 100,
+    "y": 75,
   },
   {
     "color": "red",
@@ -559,20 +559,20 @@ exports[`Rendering points - line Multi series line chart - time can render first
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -582,15 +582,15 @@ exports[`Rendering points - line Multi series line chart - time can render first
     "value": {
       "accessor": "y1",
       "datum": [
-        1546387200000,
-        5,
+        1546300800000,
+        10,
       ],
       "mark": null,
-      "x": 1546387200000,
-      "y": 5,
+      "x": 1546300800000,
+      "y": 10,
     },
-    "x": 100,
-    "y": 75,
+    "x": 0,
+    "y": 50,
   },
 ]
 `;
@@ -620,8 +620,8 @@ exports[`Rendering points - line Multi series line chart - time can render secon
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -631,10 +631,10 @@ exports[`Rendering points - line Multi series line chart - time can render secon
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -644,15 +644,15 @@ exports[`Rendering points - line Multi series line chart - time can render secon
     "value": {
       "accessor": "y1",
       "datum": [
-        1546300800000,
-        20,
+        1546387200000,
+        10,
       ],
       "mark": null,
-      "x": 1546300800000,
-      "y": 20,
+      "x": 1546387200000,
+      "y": 10,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "blue",
@@ -677,8 +677,8 @@ exports[`Rendering points - line Multi series line chart - time can render secon
     "style": {
       "fill": {
         "color": [
-          255,
-          255,
+          0,
+          0,
           255,
           1,
         ],
@@ -688,10 +688,10 @@ exports[`Rendering points - line Multi series line chart - time can render secon
         "color": [
           0,
           0,
-          255,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -701,15 +701,15 @@ exports[`Rendering points - line Multi series line chart - time can render secon
     "value": {
       "accessor": "y1",
       "datum": [
-        1546387200000,
-        10,
+        1546300800000,
+        20,
       ],
       "mark": null,
-      "x": 1546387200000,
-      "y": 10,
+      "x": 1546300800000,
+      "y": 20,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -740,20 +740,20 @@ exports[`Rendering points - line Removing out-of-domain points should render 3 p
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -763,15 +763,15 @@ exports[`Rendering points - line Removing out-of-domain points should render 3 p
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        0,
+        1,
+        1,
       ],
       "mark": null,
-      "x": 0,
-      "y": 0,
+      "x": 1,
+      "y": 1,
     },
-    "x": 0,
-    "y": 100,
+    "x": 50,
+    "y": 0,
   },
   {
     "color": "red",
@@ -797,20 +797,20 @@ exports[`Rendering points - line Removing out-of-domain points should render 3 p
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -820,15 +820,15 @@ exports[`Rendering points - line Removing out-of-domain points should render 3 p
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        1,
+        0,
+        0,
       ],
       "mark": null,
-      "x": 1,
-      "y": 1,
+      "x": 0,
+      "y": 0,
     },
-    "x": 50,
-    "y": 0,
+    "x": 0,
+    "y": 100,
   },
 ]
 `;
@@ -859,20 +859,20 @@ exports[`Rendering points - line Single series line chart - linear Can render tw
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -882,15 +882,15 @@ exports[`Rendering points - line Single series line chart - linear Can render tw
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "red",
@@ -916,20 +916,20 @@ exports[`Rendering points - line Single series line chart - linear Can render tw
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -939,15 +939,15 @@ exports[`Rendering points - line Single series line chart - linear Can render tw
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -978,20 +978,20 @@ exports[`Rendering points - line Single series line chart - ordinal Can render t
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -1001,15 +1001,15 @@ exports[`Rendering points - line Single series line chart - ordinal Can render t
     "value": {
       "accessor": "y1",
       "datum": [
-        0,
-        10,
+        1,
+        5,
       ],
       "mark": null,
-      "x": 0,
-      "y": 10,
+      "x": 1,
+      "y": 5,
     },
-    "x": 0,
-    "y": 0,
+    "x": 50,
+    "y": 50,
   },
   {
     "color": "red",
@@ -1035,20 +1035,20 @@ exports[`Rendering points - line Single series line chart - ordinal Can render t
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -1058,15 +1058,15 @@ exports[`Rendering points - line Single series line chart - ordinal Can render t
     "value": {
       "accessor": "y1",
       "datum": [
-        1,
-        5,
+        0,
+        10,
       ],
       "mark": null,
-      "x": 1,
-      "y": 5,
+      "x": 0,
+      "y": 10,
     },
-    "x": 50,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
@@ -1097,20 +1097,20 @@ exports[`Rendering points - line Single series line chart - time Can render two
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -1120,15 +1120,15 @@ exports[`Rendering points - line Single series line chart - time Can render two
     "value": {
       "accessor": "y1",
       "datum": [
-        1546300800000,
-        10,
+        1546387200000,
+        5,
       ],
       "mark": null,
-      "x": 1546300800000,
-      "y": 10,
+      "x": 1546387200000,
+      "y": 5,
     },
-    "x": 0,
-    "y": 0,
+    "x": 100,
+    "y": 50,
   },
   {
     "color": "red",
@@ -1154,20 +1154,20 @@ exports[`Rendering points - line Single series line chart - time Can render two
       "fill": {
         "color": [
           255,
-          255,
-          255,
+          0,
+          0,
           1,
         ],
       },
       "shape": "circle",
       "stroke": {
         "color": [
-          255,
           0,
           0,
-          1,
+          0,
+          0,
         ],
-        "width": 2,
+        "width": 0,
       },
     },
     "transform": {
@@ -1177,15 +1177,15 @@ exports[`Rendering points - line Single series line chart - time Can render two
     "value": {
       "accessor": "y1",
       "datum": [
-        1546387200000,
-        5,
+        1546300800000,
+        10,
       ],
       "mark": null,
-      "x": 1546387200000,
-      "y": 5,
+      "x": 1546300800000,
+      "y": 10,
     },
-    "x": 100,
-    "y": 50,
+    "x": 0,
+    "y": 0,
   },
 ]
 `;
diff --git a/packages/charts/src/chart_types/xy_chart/rendering/area.ts b/packages/charts/src/chart_types/xy_chart/rendering/area.ts
index a33692e387..69a6dedc85 100644
--- a/packages/charts/src/chart_types/xy_chart/rendering/area.ts
+++ b/packages/charts/src/chart_types/xy_chart/rendering/area.ts
@@ -19,6 +19,7 @@ import {
 } from './utils';
 import { Color } from '../../../common/colors';
 import { ScaleBand, ScaleContinuous } from '../../../scales';
+import { isBandScale } from '../../../scales/types';
 import { CurveType, getCurveFactory } from '../../../utils/curves';
 import { Dimensions } from '../../../utils/dimensions';
 import { AreaGeometry } from '../../../utils/geometry';
@@ -79,6 +80,7 @@ export function renderArea(
     color,
     style.point,
     style.isolatedPoint,
+    style.line.strokeWidth,
     isBandedSpec,
     markSizeOptions,
     false,
@@ -100,6 +102,8 @@ export function renderArea(
     isStacked,
     clippedRanges,
     shouldClip: hasFit,
+    hasFit,
+    minPointDistance: isBandScale(xScale) ? xScale.bandwidth : xScale.scale(xScale.domain[0] + xScale.minInterval),
   };
   return {
     areaGeometry,
diff --git a/packages/charts/src/chart_types/xy_chart/rendering/bubble.ts b/packages/charts/src/chart_types/xy_chart/rendering/bubble.ts
index 2c630a72ce..ea52a59650 100644
--- a/packages/charts/src/chart_types/xy_chart/rendering/bubble.ts
+++ b/packages/charts/src/chart_types/xy_chart/rendering/bubble.ts
@@ -44,7 +44,9 @@ export function renderBubble(
     color,
     seriesStyle.point,
     // there is no concept of isolated point in bubble chart, so we mark it as invisible
-    { ...seriesStyle.point, visible: false },
+    { ...seriesStyle.point, visible: 'never' },
+    // there is no need to know the line stroke width to compute the isolated point radius
+    NaN,
     hasY0Accessors,
     markSizeOptions,
     !isMixedChart,
diff --git a/packages/charts/src/chart_types/xy_chart/rendering/line.ts b/packages/charts/src/chart_types/xy_chart/rendering/line.ts
index 038e42cbb6..4e569c5e5f 100644
--- a/packages/charts/src/chart_types/xy_chart/rendering/line.ts
+++ b/packages/charts/src/chart_types/xy_chart/rendering/line.ts
@@ -12,6 +12,7 @@ import { renderPoints } from './points';
 import { getClippedRanges, getY1ScaledValueFn, getYDatumValueFn, isYValueDefinedFn, MarkSizeOptions } from './utils';
 import { Color } from '../../../common/colors';
 import { ScaleBand, ScaleContinuous } from '../../../scales';
+import { isBandScale } from '../../../scales/types';
 import { CurveType, getCurveFactory } from '../../../utils/curves';
 import { Dimensions } from '../../../utils/dimensions';
 import { LineGeometry } from '../../../utils/geometry';
@@ -58,6 +59,7 @@ export function renderLine(
     color,
     style.point,
     style.isolatedPoint,
+    style.line.strokeWidth,
     hasY0Accessors,
     markSizeOptions,
     false,
@@ -80,6 +82,8 @@ export function renderLine(
     style,
     clippedRanges,
     shouldClip: hasFit,
+    hasFit,
+    minPointDistance: isBandScale(xScale) ? xScale.bandwidth : xScale.scale(xScale.domain[0] + xScale.minInterval),
   };
   return {
     lineGeometry,
diff --git a/packages/charts/src/chart_types/xy_chart/rendering/point_style.ts b/packages/charts/src/chart_types/xy_chart/rendering/point_style.ts
index b1d4811fd9..649cc7acb4 100644
--- a/packages/charts/src/chart_types/xy_chart/rendering/point_style.ts
+++ b/packages/charts/src/chart_types/xy_chart/rendering/point_style.ts
@@ -14,7 +14,7 @@ import { PointShape, PointStyle } from '../../../utils/themes/theme';
 /** @internal */
 export function buildPointGeometryStyles(
   color: string,
-  themePointStyle: PointStyle,
+  themePointStyle: Omit<PointStyle, 'radius'>,
   overrides?: Partial<PointStyle>,
 ): PointGeometryStyle {
   const pointStyle = mergePartial(themePointStyle, overrides);
diff --git a/packages/charts/src/chart_types/xy_chart/rendering/points.ts b/packages/charts/src/chart_types/xy_chart/rendering/points.ts
index 64ddc61970..e909cb0fce 100644
--- a/packages/charts/src/chart_types/xy_chart/rendering/points.ts
+++ b/packages/charts/src/chart_types/xy_chart/rendering/points.ts
@@ -19,6 +19,7 @@ import {
 import { Color } from '../../../common/colors';
 import { ScaleBand, ScaleContinuous } from '../../../scales';
 import { isFiniteNumber, isNil } from '../../../utils/common';
+import { inplaceInsertInSortedArray, SortedArray } from '../../../utils/data/data_processing';
 import { Dimensions } from '../../../utils/dimensions';
 import { BandedAccessorType, PointGeometry } from '../../../utils/geometry';
 import { PointStyle } from '../../../utils/themes/theme';
@@ -32,6 +33,11 @@ import {
 } from '../utils/series';
 import { PointStyleAccessor, StackMode } from '../utils/specs';
 
+/** @internal */
+export function isolatedPointRadius(lineStrokeWidth: number) {
+  return lineStrokeWidth + 0.5;
+}
+
 /** @internal */
 export function renderPoints(
   shift: number,
@@ -41,7 +47,8 @@ export function renderPoints(
   panel: Dimensions,
   color: Color,
   pointStyle: PointStyle,
-  isolatedPointThemeStyle: PointStyle,
+  isolatedPointThemeStyle: Omit<PointStyle, 'radius'>,
+  lineStrokeWidth: number,
   isBandedSpec: boolean,
   markSizeOptions: MarkSizeOptions,
   useSpatialIndex: boolean,
@@ -60,7 +67,14 @@ export function renderPoints(
   const y1Fn = getY1ScaledValueFn(yScale);
   const y0Fn = getY0ScaledValueFn(yScale);
   const yDefined = isYValueDefinedFn(yScale, xScale);
-  const pointGeometries = dataSeries.data.reduce<PointGeometry[]>((acc, datum, dataIndex) => {
+
+  const needSorting = !markSizeOptions.enabled;
+
+  let style = buildPointGeometryStyles(color, pointStyle);
+  let isolatedPointStyle = buildPointGeometryStyles(color, isolatedPointThemeStyle);
+  let styleOverrides: Partial<PointStyle> | undefined = undefined;
+
+  const pointGeometries = dataSeries.data.reduce<SortedArray<PointGeometry>>((acc, datum, dataIndex) => {
     const { x: xValue, mark } = datum;
     const prev = dataSeries.data[dataIndex - 1];
     const next = dataSeries.data[dataIndex + 1];
@@ -73,19 +87,21 @@ export function renderPoints(
     if (Number.isNaN(x)) return acc;
 
     const yDatumKeyNames: Array<keyof Omit<FilledValues, 'x'>> = isBandedSpec ? ['y0', 'y1'] : ['y1'];
-
+    const seriesIdentifier: XYChartSeriesIdentifier = getSeriesIdentifierFromDataSeries(dataSeries);
+    const isPointIsolated = allowIsolated && isIsolatedPoint(dataIndex, dataSeries.data.length, yDefined, prev, next);
+    if (styleAccessor) {
+      styleOverrides = getPointStyleOverrides(datum, seriesIdentifier, isPointIsolated, styleAccessor);
+      style = buildPointGeometryStyles(color, pointStyle, styleOverrides);
+      isolatedPointStyle = buildPointGeometryStyles(color, isolatedPointThemeStyle, styleOverrides);
+    }
     yDatumKeyNames.forEach((yDatumKeyName, keyIndex) => {
       const valueAccessor = getYDatumValueFn(yDatumKeyName);
       const y = yDatumKeyName === 'y1' ? y1Fn(datum) : y0Fn(datum);
       const originalY = getDatumYValue(datum, keyIndex === 0, isBandedSpec, dataSeries.stackMode);
-      const seriesIdentifier: XYChartSeriesIdentifier = getSeriesIdentifierFromDataSeries(dataSeries);
-      const isPointIsolated = allowIsolated && isIsolatedPoint(dataIndex, dataSeries.data.length, yDefined, prev, next);
-      const styleOverrides = getPointStyleOverrides(datum, seriesIdentifier, isPointIsolated, styleAccessor);
-      const style = buildPointGeometryStyles(color, pointStyle, styleOverrides);
-      const isolatedPointStyle = buildPointGeometryStyles(color, isolatedPointThemeStyle, styleOverrides);
+
       // if radius is defined with the mark, limit the minimum radius to the theme radius value
       const radius = isPointIsolated
-        ? isolatedPointThemeStyle.radius
+        ? isolatedPointRadius(lineStrokeWidth)
         : markSizeOptions.enabled
           ? Math.max(getRadius(mark), pointStyle.radius)
           : styleOverrides?.radius ?? pointStyle.radius;
@@ -95,7 +111,7 @@ export function renderPoints(
         y: y === null ? NaN : y,
         radius,
         color,
-        style: isolatedPointThemeStyle.visible && isPointIsolated ? isolatedPointStyle : style,
+        style: isPointIsolated ? isolatedPointStyle : style,
         value: {
           x: xValue,
           y: originalY,
@@ -119,7 +135,11 @@ export function renderPoints(
         yScale.isValueInDomain(valueAccessor(datum)) &&
         !isDatumFilled(datum)
       ) {
-        acc.push(pointGeometry);
+        if (needSorting) {
+          inplaceInsertInSortedArray(acc, pointGeometry, (p) => p?.radius ?? NaN);
+        } else {
+          acc.push(pointGeometry);
+        }
       }
     });
     return acc;
diff --git a/packages/charts/src/chart_types/xy_chart/rendering/utils.ts b/packages/charts/src/chart_types/xy_chart/rendering/utils.ts
index 72a07bc26c..2eeeb6d5a5 100644
--- a/packages/charts/src/chart_types/xy_chart/rendering/utils.ts
+++ b/packages/charts/src/chart_types/xy_chart/rendering/utils.ts
@@ -98,17 +98,11 @@ export function getGeometryStateStyle(
   sharedGeometryStyle: SharedGeometryStateStyle,
   highlightedLegendItem?: LegendItem,
 ): GeometryStateStyle {
-  const { default: defaultStyles, highlighted, unhighlighted } = sharedGeometryStyle;
-
   if (highlightedLegendItem) {
-    const isPartOfHighlightedSeries = highlightedLegendItem.seriesIdentifiers.some(
-      ({ key }) => key === seriesIdentifier.key,
-    );
-
-    return isPartOfHighlightedSeries ? highlighted : unhighlighted;
+    const isHighlighted = highlightedLegendItem.seriesIdentifiers.some((si) => si.key === seriesIdentifier.key);
+    return isHighlighted ? sharedGeometryStyle.highlighted : sharedGeometryStyle.unhighlighted;
   }
-
-  return defaultStyles;
+  return sharedGeometryStyle.default;
 }
 
 /** @internal */
diff --git a/packages/charts/src/chart_types/xy_chart/state/__snapshots__/chart_state.debug.test.ts.snap b/packages/charts/src/chart_types/xy_chart/state/__snapshots__/chart_state.debug.test.ts.snap
index b75a8cb5e8..5eae025ad3 100644
--- a/packages/charts/src/chart_types/xy_chart/state/__snapshots__/chart_state.debug.test.ts.snap
+++ b/packages/charts/src/chart_types/xy_chart/state/__snapshots__/chart_state.debug.test.ts.snap
@@ -153,8 +153,8 @@ exports[`XYChart - debug state line chart rotation: -90 1`] = `
       "points": [
         {
           "mark": null,
-          "x": 0,
-          "y": 0,
+          "x": 10,
+          "y": 10,
         },
         {
           "mark": null,
@@ -163,8 +163,8 @@ exports[`XYChart - debug state line chart rotation: -90 1`] = `
         },
         {
           "mark": null,
-          "x": 10,
-          "y": 10,
+          "x": 0,
+          "y": 0,
         },
       ],
       "visible": true,
@@ -327,8 +327,8 @@ exports[`XYChart - debug state line chart rotation: 0 1`] = `
       "points": [
         {
           "mark": null,
-          "x": 0,
-          "y": 0,
+          "x": 10,
+          "y": 10,
         },
         {
           "mark": null,
@@ -337,8 +337,8 @@ exports[`XYChart - debug state line chart rotation: 0 1`] = `
         },
         {
           "mark": null,
-          "x": 10,
-          "y": 10,
+          "x": 0,
+          "y": 0,
         },
       ],
       "visible": true,
@@ -501,8 +501,8 @@ exports[`XYChart - debug state line chart rotation: 90 1`] = `
       "points": [
         {
           "mark": null,
-          "x": 0,
-          "y": 0,
+          "x": 10,
+          "y": 10,
         },
         {
           "mark": null,
@@ -511,8 +511,8 @@ exports[`XYChart - debug state line chart rotation: 90 1`] = `
         },
         {
           "mark": null,
-          "x": 10,
-          "y": 10,
+          "x": 0,
+          "y": 0,
         },
       ],
       "visible": true,
@@ -675,8 +675,8 @@ exports[`XYChart - debug state line chart rotation: 180 1`] = `
       "points": [
         {
           "mark": null,
-          "x": 0,
-          "y": 0,
+          "x": 10,
+          "y": 10,
         },
         {
           "mark": null,
@@ -685,8 +685,8 @@ exports[`XYChart - debug state line chart rotation: 180 1`] = `
         },
         {
           "mark": null,
-          "x": 10,
-          "y": 10,
+          "x": 0,
+          "y": 0,
         },
       ],
       "visible": true,
diff --git a/packages/charts/src/chart_types/xy_chart/state/selectors/get_debug_state.ts b/packages/charts/src/chart_types/xy_chart/state/selectors/get_debug_state.ts
index 69448ed003..2b53f6245d 100644
--- a/packages/charts/src/chart_types/xy_chart/state/selectors/get_debug_state.ts
+++ b/packages/charts/src/chart_types/xy_chart/state/selectors/get_debug_state.ts
@@ -294,8 +294,7 @@ function hasVisibleStyle({
   visible = true,
   fill = '#fff',
   stroke = '#fff',
-  strokeWidth = 1,
   opacity = 1,
-}: Partial<StrokeStyle & Visible & FillStyle & Opacity>): boolean {
-  return Boolean(visible && opacity > 0 && strokeWidth > 0 && fill && stroke);
+}: Partial<StrokeStyle & (Visible | { visible: 'auto' | 'never' | 'always' }) & FillStyle & Opacity>): boolean {
+  return Boolean((visible === 'always' || visible === 'auto' || visible === true) && opacity > 0 && fill && stroke);
 }
diff --git a/packages/charts/src/chart_types/xy_chart/state/utils/utils.test.ts b/packages/charts/src/chart_types/xy_chart/state/utils/utils.test.ts
index 0fa3efacd3..e5ac378a1d 100644
--- a/packages/charts/src/chart_types/xy_chart/state/utils/utils.test.ts
+++ b/packages/charts/src/chart_types/xy_chart/state/utils/utils.test.ts
@@ -563,12 +563,12 @@ describe('Chart State utils', () => {
         opacity: 1,
       });
       expect(geometries.geometries.lines[0]?.value.style.point).toEqual({
-        visible: true,
+        visible: 'auto',
         fill: 'green', // the override strokeWidth
         opacity: 1,
         radius: 3,
-        stroke: ColorVariant.Series,
-        strokeWidth: 2,
+        stroke: ColorVariant.None,
+        strokeWidth: 0,
       });
     });
     test('can compute area geometries with custom style', () => {
@@ -629,12 +629,12 @@ describe('Chart State utils', () => {
         opacity: 1,
       });
       expect(geometries.geometries.areas[0]?.value.style.point).toEqual({
-        visible: false,
+        visible: 'never',
         fill: 'point-fill-custom-color', // the override strokeWidth
         opacity: 1,
         radius: 3,
-        stroke: ColorVariant.Series,
-        strokeWidth: 2,
+        stroke: ColorVariant.None,
+        strokeWidth: 0,
       });
     });
     test('can compute bars geometries counts', () => {
diff --git a/packages/charts/src/chart_types/xy_chart/state/utils/utils.ts b/packages/charts/src/chart_types/xy_chart/state/utils/utils.ts
index 7cc726cfd0..ed82f3e3bf 100644
--- a/packages/charts/src/chart_types/xy_chart/state/utils/utils.ts
+++ b/packages/charts/src/chart_types/xy_chart/state/utils/utils.ts
@@ -450,7 +450,7 @@ function renderGeometries(
         xScaleOffset,
         lineSeriesStyle,
         {
-          enabled: spec.markSizeAccessor !== undefined && lineSeriesStyle.point.visible,
+          enabled: spec.markSizeAccessor !== undefined && lineSeriesStyle.point.visible !== 'never',
           ratio: chartTheme.markSizeRatio,
         },
         hasFitFnConfigured(spec.fit),
@@ -481,7 +481,7 @@ function renderGeometries(
         xScaleOffset,
         areaSeriesStyle,
         {
-          enabled: spec.markSizeAccessor !== undefined && areaSeriesStyle.point.visible,
+          enabled: spec.markSizeAccessor !== undefined && areaSeriesStyle.point.visible !== 'never',
           ratio: chartTheme.markSizeRatio,
         },
         spec.stackAccessors ? spec.stackAccessors.length > 0 : false,
diff --git a/packages/charts/src/chart_types/xy_chart/utils/specs.ts b/packages/charts/src/chart_types/xy_chart/utils/specs.ts
index 332ee4d764..441a0f6df9 100644
--- a/packages/charts/src/chart_types/xy_chart/utils/specs.ts
+++ b/packages/charts/src/chart_types/xy_chart/utils/specs.ts
@@ -44,7 +44,7 @@ import {
 /** @public */
 export type BarStyleOverride = RecursivePartial<BarSeriesStyle> | Color | null;
 /** @public */
-export type PointStyleOverride = RecursivePartial<PointStyle> | Color | null;
+export type PointStyleOverride = RecursivePartial<Omit<PointStyle, 'visible'>> | Color | null;
 
 /** @public */
 export const SeriesType = Object.freeze({
diff --git a/packages/charts/src/mocks/geometries.ts b/packages/charts/src/mocks/geometries.ts
index 5bb438dc8c..76e3450753 100644
--- a/packages/charts/src/mocks/geometries.ts
+++ b/packages/charts/src/mocks/geometries.ts
@@ -74,6 +74,8 @@ export class MockLineGeometry {
     style: lineSeriesStyle,
     clippedRanges: [],
     shouldClip: false,
+    hasFit: false,
+    minPointDistance: 40,
   };
 
   static default(partial?: RecursivePartial<LineGeometry>) {
@@ -94,6 +96,8 @@ export class MockAreaGeometry {
     isStacked: false,
     clippedRanges: [],
     shouldClip: false,
+    hasFit: false,
+    minPointDistance: 40,
   };
 
   static default(partial?: RecursivePartial<AreaGeometry>) {
diff --git a/packages/charts/src/mocks/theme.ts b/packages/charts/src/mocks/theme.ts
index bd99e68e9f..2cd3beaaaf 100644
--- a/packages/charts/src/mocks/theme.ts
+++ b/packages/charts/src/mocks/theme.ts
@@ -44,7 +44,7 @@ export class MockStyles {
 
   static point(partial: RecursivePartial<PointStyle> = {}): PointStyle {
     return mergePartial(
-      { visible: true, stroke: 'blue', strokeWidth: 1, fill: 'blue', opacity: 1, radius: 10 },
+      { visible: 'always', stroke: 'blue', strokeWidth: 1, fill: 'blue', opacity: 1, radius: 10 },
       partial,
     );
   }
diff --git a/packages/charts/src/utils/data/data_processing.ts b/packages/charts/src/utils/data/data_processing.ts
index ba3b86e8ca..47ac3f99c5 100644
--- a/packages/charts/src/utils/data/data_processing.ts
+++ b/packages/charts/src/utils/data/data_processing.ts
@@ -51,3 +51,30 @@ export function computeRatioByGroups<T extends Record<string, unknown>>(
     });
   });
 }
+
+/** @internal */
+export type SortedArray<T> = Array<T>;
+
+/** @internal */
+export function inplaceInsertInSortedArray<T>(
+  arr: SortedArray<T>,
+  obj: T,
+  accessor: (element?: T) => number,
+): SortedArray<T> {
+  let left = 0;
+  let right = arr.length - 1;
+  const value = accessor(obj);
+
+  // Perform a binary search to find the correct insertion index
+  while (left <= right) {
+    const mid = Math.floor((left + right) / 2);
+    if (accessor(arr[mid]) < value) {
+      left = mid + 1;
+    } else {
+      right = mid - 1;
+    }
+  }
+  // Insert the object at the found index
+  arr.splice(left, 0, obj);
+  return arr;
+}
diff --git a/packages/charts/src/utils/geometry.ts b/packages/charts/src/utils/geometry.ts
index f99372e874..59f5953944 100644
--- a/packages/charts/src/utils/geometry.ts
+++ b/packages/charts/src/utils/geometry.ts
@@ -121,6 +121,8 @@ export interface LineGeometry {
    */
   clippedRanges: ClippedRanges;
   shouldClip: boolean;
+  hasFit: boolean;
+  minPointDistance: number;
 }
 
 /** @internal */
@@ -141,6 +143,8 @@ export interface AreaGeometry {
    */
   clippedRanges: ClippedRanges;
   shouldClip: boolean;
+  hasFit: boolean;
+  minPointDistance: number;
 }
 
 /** @internal */
diff --git a/packages/charts/src/utils/themes/base_colors.ts b/packages/charts/src/utils/themes/base_colors.ts
index f8313b593a..2e10694311 100644
--- a/packages/charts/src/utils/themes/base_colors.ts
+++ b/packages/charts/src/utils/themes/base_colors.ts
@@ -22,6 +22,15 @@ export const LIGHT_BASE_COLORS: ChartBaseColors = {
   title: '#1A1C21',
 };
 
+/** @internal */
+export const GRID_LIGHT_COLORS = '#E1E6EE';
+/** @internal */
+export const GRID_LABEL_LIGHT_COLORS = '#626D7E';
+/** @internal */
+export const GRID_DARK_COLORS = '#303845';
+/** @internal */
+export const GRID_LABEL_DARK_COLORS = '#A7B0BF';
+
 /**
  * Base dark theme colors designed to match eui, see https://eui.elastic.co/#/theming/colors/values#shades
  * @public
diff --git a/packages/charts/src/utils/themes/dark_theme.ts b/packages/charts/src/utils/themes/dark_theme.ts
index 3d62fecb3e..0f0351b481 100644
--- a/packages/charts/src/utils/themes/dark_theme.ts
+++ b/packages/charts/src/utils/themes/dark_theme.ts
@@ -27,20 +27,19 @@ export const DARK_THEME: Theme = {
       opacity: 1,
     },
     point: {
-      visible: true,
-      stroke: ColorVariant.Series,
-      strokeWidth: 2,
-      fill: DARK_BASE_COLORS.emptyShade,
+      visible: 'auto',
+      strokeWidth: 0,
+      stroke: ColorVariant.None,
+      fill: ColorVariant.Series,
       radius: 3,
       opacity: 1,
     },
     isolatedPoint: {
       enabled: true,
-      visible: true,
-      stroke: ColorVariant.Series,
-      strokeWidth: 1,
-      fill: Colors.Black.keyword,
-      radius: 2,
+      visible: 'auto',
+      strokeWidth: 0,
+      stroke: ColorVariant.None,
+      fill: ColorVariant.Series,
       opacity: 1,
     },
     fit: {
@@ -51,10 +50,11 @@ export const DARK_THEME: Theme = {
         opacity: 1,
       },
     },
+    pointVisibilityMinDistance: 40,
   },
   bubbleSeriesStyle: {
     point: {
-      visible: true,
+      visible: 'always',
       strokeWidth: 1,
       fill: Colors.Black.keyword,
       radius: 2,
@@ -72,20 +72,19 @@ export const DARK_THEME: Theme = {
       opacity: 1,
     },
     point: {
-      visible: false,
-      stroke: ColorVariant.Series,
-      strokeWidth: 2,
-      fill: DARK_BASE_COLORS.emptyShade,
+      visible: 'never',
+      strokeWidth: 0,
+      stroke: ColorVariant.None,
+      fill: ColorVariant.Series,
       radius: 3,
       opacity: 1,
     },
     isolatedPoint: {
       enabled: true,
-      visible: true,
-      stroke: ColorVariant.Series,
-      strokeWidth: 1,
-      fill: Colors.Black.keyword,
-      radius: 2,
+      visible: 'auto',
+      stroke: ColorVariant.None,
+      strokeWidth: 0,
+      fill: ColorVariant.Series,
       opacity: 1,
     },
     fit: {
@@ -101,6 +100,7 @@ export const DARK_THEME: Theme = {
         fill: ColorVariant.Series,
       },
     },
+    pointVisibilityMinDistance: 20,
   },
   barSeriesStyle: {
     rect: {
@@ -439,11 +439,11 @@ export const DARK_THEME: Theme = {
   },
   highlighter: {
     point: {
-      opacity: 1,
-      fill: ColorVariant.None,
-      stroke: ColorVariant.Series,
-      strokeWidth: 4,
-      radius: 10,
+      opacity: 0.5,
+      fill: ColorVariant.Series,
+      stroke: ColorVariant.None,
+      strokeWidth: 0,
+      radius: 5,
     },
   },
   lineAnnotation: {
diff --git a/packages/charts/src/utils/themes/legacy_dark_theme.ts b/packages/charts/src/utils/themes/legacy_dark_theme.ts
index 6e80f8acda..a83500c8c4 100644
--- a/packages/charts/src/utils/themes/legacy_dark_theme.ts
+++ b/packages/charts/src/utils/themes/legacy_dark_theme.ts
@@ -36,7 +36,7 @@ export const LEGACY_DARK_THEME: Theme = {
       opacity: 1,
     },
     point: {
-      visible: true,
+      visible: 'always',
       stroke: ColorVariant.Series,
       strokeWidth: 1,
       fill: Colors.Black.keyword,
@@ -45,11 +45,10 @@ export const LEGACY_DARK_THEME: Theme = {
     },
     isolatedPoint: {
       enabled: true,
-      visible: true,
+      visible: 'always',
       stroke: ColorVariant.Series,
       strokeWidth: 1,
       fill: Colors.Black.keyword,
-      radius: 2,
       opacity: 1,
     },
     fit: {
@@ -60,10 +59,11 @@ export const LEGACY_DARK_THEME: Theme = {
         opacity: 1,
       },
     },
+    pointVisibilityMinDistance: 20,
   },
   bubbleSeriesStyle: {
     point: {
-      visible: true,
+      visible: 'always',
       strokeWidth: 1,
       fill: Colors.Black.keyword,
       radius: 2,
@@ -81,7 +81,7 @@ export const LEGACY_DARK_THEME: Theme = {
       opacity: 1,
     },
     point: {
-      visible: false,
+      visible: 'never',
       stroke: ColorVariant.Series,
       strokeWidth: 1,
       fill: Colors.Black.keyword,
@@ -90,11 +90,10 @@ export const LEGACY_DARK_THEME: Theme = {
     },
     isolatedPoint: {
       enabled: true,
-      visible: true,
+      visible: 'always',
       stroke: ColorVariant.Series,
       strokeWidth: 1,
       fill: Colors.Black.keyword,
-      radius: 2,
       opacity: 1,
     },
     fit: {
@@ -110,6 +109,7 @@ export const LEGACY_DARK_THEME: Theme = {
         fill: ColorVariant.Series,
       },
     },
+    pointVisibilityMinDistance: 20,
   },
   barSeriesStyle: {
     rect: {
diff --git a/packages/charts/src/utils/themes/legacy_light_theme.ts b/packages/charts/src/utils/themes/legacy_light_theme.ts
index 2d6870bf9c..f23469515c 100644
--- a/packages/charts/src/utils/themes/legacy_light_theme.ts
+++ b/packages/charts/src/utils/themes/legacy_light_theme.ts
@@ -36,7 +36,7 @@ export const LEGACY_LIGHT_THEME: Theme = {
       opacity: 1,
     },
     point: {
-      visible: true,
+      visible: 'always',
       strokeWidth: 1,
       stroke: ColorVariant.Series,
       fill: Colors.White.keyword,
@@ -45,11 +45,10 @@ export const LEGACY_LIGHT_THEME: Theme = {
     },
     isolatedPoint: {
       enabled: true,
-      visible: true,
+      visible: 'always',
       stroke: ColorVariant.Series,
       strokeWidth: 1,
       fill: Colors.White.keyword,
-      radius: 2,
       opacity: 1,
     },
     fit: {
@@ -60,10 +59,11 @@ export const LEGACY_LIGHT_THEME: Theme = {
         stroke: ColorVariant.Series,
       },
     },
+    pointVisibilityMinDistance: 40,
   },
   bubbleSeriesStyle: {
     point: {
-      visible: true,
+      visible: 'always',
       strokeWidth: 1,
       fill: Colors.White.keyword,
       radius: 2,
@@ -81,7 +81,7 @@ export const LEGACY_LIGHT_THEME: Theme = {
       opacity: 1,
     },
     point: {
-      visible: false,
+      visible: 'never',
       stroke: ColorVariant.Series,
       strokeWidth: 1,
       fill: Colors.White.keyword,
@@ -90,11 +90,10 @@ export const LEGACY_LIGHT_THEME: Theme = {
     },
     isolatedPoint: {
       enabled: true,
-      visible: true,
+      visible: 'always',
       stroke: ColorVariant.Series,
       strokeWidth: 1,
       fill: Colors.White.keyword,
-      radius: 2,
       opacity: 1,
     },
     fit: {
@@ -110,6 +109,7 @@ export const LEGACY_LIGHT_THEME: Theme = {
         fill: ColorVariant.Series,
       },
     },
+    pointVisibilityMinDistance: 20,
   },
   barSeriesStyle: {
     rect: {
diff --git a/packages/charts/src/utils/themes/light_theme.ts b/packages/charts/src/utils/themes/light_theme.ts
index 96efc907da..096a2c6fb6 100644
--- a/packages/charts/src/utils/themes/light_theme.ts
+++ b/packages/charts/src/utils/themes/light_theme.ts
@@ -27,20 +27,19 @@ export const LIGHT_THEME: Theme = {
       opacity: 1,
     },
     point: {
-      visible: true,
-      strokeWidth: 2,
-      stroke: ColorVariant.Series,
-      fill: LIGHT_BASE_COLORS.emptyShade,
+      visible: 'auto',
+      strokeWidth: 0,
+      stroke: ColorVariant.None,
+      fill: ColorVariant.Series,
       radius: 3,
       opacity: 1,
     },
     isolatedPoint: {
       enabled: true,
-      visible: true,
+      visible: 'auto',
       stroke: ColorVariant.Series,
       strokeWidth: 1,
-      fill: Colors.White.keyword,
-      radius: 2,
+      fill: ColorVariant.Series,
       opacity: 1,
     },
     fit: {
@@ -51,12 +50,13 @@ export const LIGHT_THEME: Theme = {
         stroke: ColorVariant.Series,
       },
     },
+    pointVisibilityMinDistance: 40,
   },
   bubbleSeriesStyle: {
     point: {
-      visible: true,
-      strokeWidth: 1,
-      fill: Colors.White.keyword,
+      visible: 'always',
+      strokeWidth: 0,
+      fill: ColorVariant.Series,
       radius: 2,
       opacity: 1,
     },
@@ -72,20 +72,19 @@ export const LIGHT_THEME: Theme = {
       opacity: 1,
     },
     point: {
-      visible: false,
-      stroke: ColorVariant.Series,
-      strokeWidth: 2,
-      fill: LIGHT_BASE_COLORS.emptyShade,
+      visible: 'never',
+      strokeWidth: 0,
+      stroke: ColorVariant.None,
+      fill: ColorVariant.Series,
       radius: 3,
       opacity: 1,
     },
     isolatedPoint: {
       enabled: true,
-      visible: true,
+      visible: 'auto',
       stroke: ColorVariant.Series,
-      strokeWidth: 1,
-      fill: Colors.White.keyword,
-      radius: 2,
+      strokeWidth: 0,
+      fill: ColorVariant.Series,
       opacity: 1,
     },
     fit: {
@@ -101,6 +100,7 @@ export const LIGHT_THEME: Theme = {
         fill: ColorVariant.Series,
       },
     },
+    pointVisibilityMinDistance: 20,
   },
   barSeriesStyle: {
     rect: {
@@ -438,11 +438,11 @@ export const LIGHT_THEME: Theme = {
   },
   highlighter: {
     point: {
-      opacity: 1,
-      fill: ColorVariant.None,
-      stroke: ColorVariant.Series,
-      strokeWidth: 4,
-      radius: 10,
+      opacity: 0.5,
+      fill: ColorVariant.Series,
+      stroke: ColorVariant.None,
+      strokeWidth: 0,
+      radius: 5,
     },
   },
   lineAnnotation: {
diff --git a/packages/charts/src/utils/themes/theme.ts b/packages/charts/src/utils/themes/theme.ts
index ee6cdc54a0..15856fd60b 100644
--- a/packages/charts/src/utils/themes/theme.ts
+++ b/packages/charts/src/utils/themes/theme.ts
@@ -568,8 +568,8 @@ export type PointShape = $Values<typeof PointShape>;
 
 /** @public */
 export interface PointStyle {
-  /** is the point visible or hidden */
-  visible: boolean;
+  /** is the point visible or hidden  or shown depending on the chart size*/
+  visible: 'never' | 'always' | 'auto';
   /** a static stroke color if defined, if not it will use the color of the series */
   stroke?: Color | ColorVariant;
   /** the stroke width of the point */
@@ -731,26 +731,51 @@ export interface BubbleSeriesStyle {
   point: PointStyle;
 }
 
-/** @public */
+/**
+ * Styles for line chart
+ * @public
+ */
 export interface LineSeriesStyle {
+  /** Style for the line  */
   line: LineStyle;
+  /** Style for the points  */
   point: PointStyle;
-  isolatedPoint: { enabled: boolean } & PointStyle;
+  /** Style for the isolated points  */
+  isolatedPoint: { enabled: boolean } & Omit<PointStyle, 'radius'>;
+  /** Style for the fitted line  */
   fit: {
     line: LineFitStyle;
   };
+  /**
+   * The minimum distance in pixels between consecutive points before hiding them
+   * when the points are configured as visible: "auto"
+   */
+  pointVisibilityMinDistance: Pixels;
 }
 
-/** @public */
+/**
+ * Styles for area chart
+ * @public
+ */
 export interface AreaSeriesStyle {
+  /** Style for the area  */
   area: AreaStyle;
+  /** Style for the area line contour  */
   line: LineStyle;
+  /** Style for the points  */
   point: PointStyle;
-  isolatedPoint: { enabled: boolean } & PointStyle;
+  /** Style for the isolated points  */
+  isolatedPoint: { enabled: boolean } & Omit<PointStyle, 'radius'>;
+  /** Style for the fitted area  */
   fit: {
     line: LineFitStyle;
     area: AreaFitStyle;
   };
+  /**
+   * The minimum distance in pixels between consecutive points before hiding them
+   * when the points are configured as visible: "auto"
+   */
+  pointVisibilityMinDistance: Pixels;
 }
 
 /** @public */
diff --git a/storybook/stories/area/16_test_stacked_with_missing.story.tsx b/storybook/stories/area/16_test_stacked_with_missing.story.tsx
index ef00e66606..d99ff8dbb7 100644
--- a/storybook/stories/area/16_test_stacked_with_missing.story.tsx
+++ b/storybook/stories/area/16_test_stacked_with_missing.story.tsx
@@ -29,7 +29,7 @@ export const Example: ChartsStory = (_, { title, description }) => (
       splitSeriesAccessors={['col-1-6']}
       stackAccessors={['col-1-6']}
       areaSeriesStyle={{
-        point: { visible: true },
+        point: { visible: 'always' },
       }}
     />
   </Chart>
diff --git a/storybook/stories/area/19_negative_band.story.tsx b/storybook/stories/area/19_negative_band.story.tsx
index 31e3362f65..b478ae4000 100644
--- a/storybook/stories/area/19_negative_band.story.tsx
+++ b/storybook/stories/area/19_negative_band.story.tsx
@@ -30,7 +30,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
     <Chart title={title} description={description}>
       <Settings
         showLegend
-        theme={{ areaSeriesStyle: { point: { visible: true } }, lineSeriesStyle: { point: { visible: false } } }}
+        theme={{ areaSeriesStyle: { point: { visible: 'always' } }, lineSeriesStyle: { point: { visible: 'never' } } }}
         baseTheme={useBaseTheme()}
         xDomain={{
           min: NaN,
diff --git a/storybook/stories/bubble/4_mixed.story.tsx b/storybook/stories/bubble/4_mixed.story.tsx
index a7a4422897..a51d2a0791 100644
--- a/storybook/stories/bubble/4_mixed.story.tsx
+++ b/storybook/stories/bubble/4_mixed.story.tsx
@@ -46,7 +46,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
           markSizeRatio,
           bubbleSeriesStyle: {
             point: {
-              fill: 'transparent',
+              opacity: 0.6,
             },
           },
         }}
diff --git a/storybook/stories/components/tooltip/10_cartesian_chart.story.tsx b/storybook/stories/components/tooltip/10_cartesian_chart.story.tsx
index 87a368e689..a6137fe32a 100644
--- a/storybook/stories/components/tooltip/10_cartesian_chart.story.tsx
+++ b/storybook/stories/components/tooltip/10_cartesian_chart.story.tsx
@@ -79,7 +79,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
             },
           },
           lineSeriesStyle: {
-            point: { visible: false },
+            point: { visible: 'never' },
           },
         }}
       />
diff --git a/storybook/stories/interactions/19_multi_chart_cursor_sync.story.tsx b/storybook/stories/interactions/19_multi_chart_cursor_sync.story.tsx
index a35134f77b..7aae2219e2 100644
--- a/storybook/stories/interactions/19_multi_chart_cursor_sync.story.tsx
+++ b/storybook/stories/interactions/19_multi_chart_cursor_sync.story.tsx
@@ -92,7 +92,7 @@ export const Example: ChartsStory = () => {
           theme={{
             chartPaddings: { top: 0, bottom: 0, left: 0, right: 0 },
             chartMargins: { top: 0, bottom: 0, left: 16, right: 0 },
-            lineSeriesStyle: { point: { visible: false } },
+            lineSeriesStyle: { point: { visible: 'never' } },
           }}
           pointerUpdateDebounce={0}
           onPointerUpdate={pointerUpdate}
@@ -149,7 +149,7 @@ export const Example: ChartsStory = () => {
           theme={{
             chartPaddings: { top: 0, bottom: 0, left: 0, right: 0 },
             chartMargins: { top: 0, bottom: 0, left: 16, right: 0 },
-            lineSeriesStyle: { point: { visible: false } },
+            lineSeriesStyle: { point: { visible: 'never' } },
           }}
         />
         <Tooltip type={TooltipType.VerticalCursor} placement={Placement.Left} stickTo={Position.Top} />
diff --git a/storybook/stories/line/12_isolated_data_points.story.tsx b/storybook/stories/line/12_isolated_data_points.story.tsx
index de9d345b72..a115942991 100644
--- a/storybook/stories/line/12_isolated_data_points.story.tsx
+++ b/storybook/stories/line/12_isolated_data_points.story.tsx
@@ -6,10 +6,10 @@
  * Side Public License, v 1.
  */
 
-import { boolean, number } from '@storybook/addon-knobs';
+import { boolean, number, select } from '@storybook/addon-knobs';
 import React from 'react';
 
-import { Axis, Chart, CurveType, Position, ScaleType, Settings, Fit } from '@elastic/charts';
+import { Axis, Chart, CurveType, Position, ScaleType, Settings, Fit, LIGHT_THEME } from '@elastic/charts';
 import { KIBANA_METRICS } from '@elastic/charts/src/utils/data_samples/test_dataset_kibana';
 
 import { ChartsStory } from '../../types';
@@ -25,26 +25,26 @@ export const Example: ChartsStory = (_, { title, description }) => {
     max: KIBANA_METRICS.metrics.kibana_os_load.v1.data.length,
     step: 1,
   });
-  const pointRadius = number('default point radius', 0, {
+  const pointRadius = number('default point radius', LIGHT_THEME.lineSeriesStyle.point.radius, {
     range: true,
     min: 0,
     max: 10,
-    step: 1,
-  });
-  const overrideRadius = number('override point radius', 0, {
-    range: true,
-    min: 0,
-    max: 10,
-    step: 1,
-  });
-  const overridePointRadius = boolean('override radius for isolated points', false);
-  const radius = number('isolated point radius', 2, {
-    range: true,
-    min: 0,
-    max: 10,
-    step: 1,
+    step: 0.5,
   });
 
+  const pointVisibility = select('point visibility', { never: 'never', always: 'always', auto: 'auto' }, 'always');
+
+  const minPointVisibilityDistance = number(
+    'point visibility min distance',
+    LIGHT_THEME.lineSeriesStyle.pointVisibilityMinDistance,
+    {
+      range: true,
+      min: 0,
+      max: 100,
+      step: 1,
+    },
+  );
+
   return (
     <Chart title={title} description={description}>
       <Settings
@@ -52,23 +52,33 @@ export const Example: ChartsStory = (_, { title, description }) => {
         theme={{
           areaSeriesStyle: {
             point: {
-              visible: true,
+              visible: pointVisibility,
               radius: pointRadius,
             },
             isolatedPoint: {
-              radius,
               shape: customKnobs.enum.pointShape(),
             },
+            fit: {
+              line: {
+                dash: [0, 0],
+              },
+            },
+            pointVisibilityMinDistance: minPointVisibilityDistance,
           },
           lineSeriesStyle: {
             point: {
-              visible: true,
+              visible: pointVisibility,
               radius: pointRadius,
             },
             isolatedPoint: {
-              radius,
               shape: customKnobs.enum.pointShape(),
             },
+            fit: {
+              line: {
+                dash: [0, 0],
+              },
+            },
+            pointVisibilityMinDistance: minPointVisibilityDistance,
           },
         }}
         baseTheme={useBaseTheme()}
@@ -98,36 +108,6 @@ export const Example: ChartsStory = (_, { title, description }) => {
         xAccessor={0}
         yAccessors={[1]}
         splitSeriesAccessors={[2]}
-        areaSeriesStyle={
-          overrideRadius > 0
-            ? {
-                point: {
-                  visible: true,
-                  radius: overrideRadius,
-                },
-                isolatedPoint: overridePointRadius
-                  ? {
-                      radius,
-                    }
-                  : {},
-              }
-            : {}
-        }
-        lineSeriesStyle={
-          overrideRadius > 0
-            ? {
-                point: {
-                  visible: true,
-                  radius: overrideRadius,
-                },
-                isolatedPoint: overridePointRadius
-                  ? {
-                      radius,
-                    }
-                  : {},
-              }
-            : {}
-        }
         data={[
           ...KIBANA_METRICS.metrics.kibana_os_load.v1.data.slice(0, maxDataPoints).map((d, i) => {
             if ([1, 10, 12, 20, 22, 24, 28].includes(i)) {
diff --git a/storybook/stories/line/13_line_mark_accessor.story.tsx b/storybook/stories/line/13_line_mark_accessor.story.tsx
index 1334d3e153..97021d41c4 100644
--- a/storybook/stories/line/13_line_mark_accessor.story.tsx
+++ b/storybook/stories/line/13_line_mark_accessor.story.tsx
@@ -30,8 +30,6 @@ export const Example: ChartsStory = (_, { title, description }) => {
     step: 1,
   });
 
-  const visible = boolean('show line points', true);
-
   return (
     <Chart title={title} description={description}>
       <Settings
@@ -40,7 +38,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
           markSizeRatio,
           lineSeriesStyle: {
             point: {
-              visible,
+              visible: boolean('show line points', true) ? 'always' : 'never',
             },
           },
         }}
diff --git a/storybook/stories/line/14_point_shapes.story.tsx b/storybook/stories/line/14_point_shapes.story.tsx
index 41f8bb8f60..bae01f0689 100644
--- a/storybook/stories/line/14_point_shapes.story.tsx
+++ b/storybook/stories/line/14_point_shapes.story.tsx
@@ -12,6 +12,7 @@ import React from 'react';
 import {
   Axis,
   Chart,
+  ColorVariant,
   LegendValue,
   LIGHT_THEME,
   LineSeries,
@@ -43,6 +44,13 @@ export const Example: ChartsStory = (_, { title, description }) => {
         legendPosition={Position.Right}
         baseTheme={useBaseTheme()}
         legendColorPicker={showColorPicker ? getColorPicker('leftCenter') : undefined}
+        theme={{
+          lineSeriesStyle: {
+            point: {
+              visible: 'always',
+            },
+          },
+        }}
       />
       <Axis id="bottom" position={Position.Bottom} showOverlappingTicks tickFormat={dateFormatter} />
       <Axis
@@ -60,7 +68,15 @@ export const Example: ChartsStory = (_, { title, description }) => {
             yScaleType={ScaleType.Linear}
             xAccessor={0}
             yAccessors={[1]}
-            lineSeriesStyle={{ point: { shape, radius: 10 } }}
+            lineSeriesStyle={{
+              point: {
+                shape,
+                radius: 10,
+                fill: ColorVariant.Series,
+                stroke: ColorVariant.Series,
+                strokeWidth: 2,
+              },
+            }}
             data={data.map(([x, y]) => [x, y + 10 * i])}
           />
         );
@@ -79,8 +95,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
             opacity: 0.9,
             radius: 5,
             stroke: LIGHT_THEME.colors.vizColors[datum.datum[2] % LIGHT_THEME.colors.vizColors.length],
-            strokeWidth: 1,
-            visible: true,
+            strokeWidth: 2,
           };
         }}
         data={data.map(([x, y], i) => [x, y + 60, i])}
diff --git a/storybook/stories/mixed/6_fitting.story.tsx b/storybook/stories/mixed/6_fitting.story.tsx
index 84602220f7..f15a709043 100644
--- a/storybook/stories/mixed/6_fitting.story.tsx
+++ b/storybook/stories/mixed/6_fitting.story.tsx
@@ -195,7 +195,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
         theme={{
           areaSeriesStyle: {
             point: {
-              visible: true,
+              visible: 'always',
             },
           },
         }}
diff --git a/storybook/stories/mixed/6_fitting_stacked.story.tsx b/storybook/stories/mixed/6_fitting_stacked.story.tsx
index 1ebc283705..57f074948c 100644
--- a/storybook/stories/mixed/6_fitting_stacked.story.tsx
+++ b/storybook/stories/mixed/6_fitting_stacked.story.tsx
@@ -135,7 +135,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
         theme={{
           areaSeriesStyle: {
             point: {
-              visible: true,
+              visible: 'always',
             },
           },
         }}
diff --git a/storybook/stories/mixed/7_marks.story.tsx b/storybook/stories/mixed/7_marks.story.tsx
index 394984c3c2..6213240f57 100644
--- a/storybook/stories/mixed/7_marks.story.tsx
+++ b/storybook/stories/mixed/7_marks.story.tsx
@@ -56,7 +56,12 @@ export const Example: ChartsStory = (_, { title, description }) => {
           markSizeRatio,
           areaSeriesStyle: {
             point: {
-              visible: true,
+              visible: 'always',
+            },
+          },
+          lineSeriesStyle: {
+            point: {
+              visible: 'always',
             },
           },
         }}
diff --git a/storybook/stories/scales/7_log_scale_options.story.tsx b/storybook/stories/scales/7_log_scale_options.story.tsx
index 01418d5614..32987edcfd 100644
--- a/storybook/stories/scales/7_log_scale_options.story.tsx
+++ b/storybook/stories/scales/7_log_scale_options.story.tsx
@@ -113,7 +113,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
         yAccessors={['y']}
         yScaleType={yLogKnobs.scaleType}
         xScaleType={xLogKnobs.scaleType}
-        areaSeriesStyle={{ point: { visible: true } }}
+        areaSeriesStyle={{ point: { visible: 'always' } }}
         data={data}
       />
     </Chart>
diff --git a/storybook/stories/small_multiples/3_grid_lines.story.tsx b/storybook/stories/small_multiples/3_grid_lines.story.tsx
index 5c8b5f8ca4..caead0b8be 100644
--- a/storybook/stories/small_multiples/3_grid_lines.story.tsx
+++ b/storybook/stories/small_multiples/3_grid_lines.story.tsx
@@ -107,7 +107,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
         theme={{
           lineSeriesStyle: {
             point: {
-              visible: false,
+              visible: 'never',
             },
           },
         }}
diff --git a/storybook/stories/stylings/11_custom_lines.story.tsx b/storybook/stories/stylings/11_custom_lines.story.tsx
index aea5a4c30c..4c9ec44212 100644
--- a/storybook/stories/stylings/11_custom_lines.story.tsx
+++ b/storybook/stories/stylings/11_custom_lines.story.tsx
@@ -56,7 +56,7 @@ function generateLineAndPointSeriesStyleKnobs(
       opacity: range(`line.opacity (${tag})`, 0, 1, 1, groupName, 0.01),
     },
     point: {
-      visible: boolean(`point.visible (${tag})`, true, groupName),
+      visible: boolean(`point.visible (${tag})`, true, groupName) ? 'always' : 'never',
       radius: range(`point.radius (${tag})`, 0, 20, pointRadius || 5, groupName, 0.5),
       opacity: range(`point.opacity (${tag})`, 0, 1, 1, groupName, 0.01),
       stroke: color(`point.stroke (${tag})`, pointStroke || 'black', groupName),
diff --git a/storybook/stories/stylings/12_custom_area.story.tsx b/storybook/stories/stylings/12_custom_area.story.tsx
index ab811ec34c..46192c361c 100644
--- a/storybook/stories/stylings/12_custom_area.story.tsx
+++ b/storybook/stories/stylings/12_custom_area.story.tsx
@@ -57,7 +57,7 @@ function generateLineAndPointSeriesStyleKnobs(
       opacity: range(`line.opacity (${tag})`, 0, 1, 1, groupName, 0.01),
     },
     point: {
-      visible: boolean(`point.visible (${tag})`, true, groupName),
+      visible: boolean(`point.visible (${tag})`, true, groupName) ? 'always' : 'never',
       radius: range(`point.radius (${tag})`, 0, 20, pointRadius || 5, groupName, 0.5),
       opacity: range(`point.opacity (${tag})`, 0, 1, 1, groupName, 0.01),
       stroke: color(`point.stroke (${tag})`, pointStroke || 'black', groupName),
diff --git a/storybook/stories/stylings/16_style_accessor.story.tsx b/storybook/stories/stylings/16_style_accessor.story.tsx
index fc2ef26910..6be5cc819c 100644
--- a/storybook/stories/stylings/16_style_accessor.story.tsx
+++ b/storybook/stories/stylings/16_style_accessor.story.tsx
@@ -51,7 +51,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
         theme={{
           areaSeriesStyle: {
             point: {
-              visible: true,
+              visible: 'always',
             },
           },
         }}
diff --git a/storybook/stories/stylings/19_area_series_color_variant.story.tsx b/storybook/stories/stylings/19_area_series_color_variant.story.tsx
index de5172f4e4..887a745407 100644
--- a/storybook/stories/stylings/19_area_series_color_variant.story.tsx
+++ b/storybook/stories/stylings/19_area_series_color_variant.story.tsx
@@ -19,7 +19,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
   const customTheme: PartialTheme = {
     areaSeriesStyle: {
       point: {
-        visible: true,
+        visible: 'always',
         radius: 10,
         fill: ColorVariant.Series,
         stroke: ColorVariant.None,
diff --git a/storybook/stories/stylings/25_mixed_point_shapes.story.tsx b/storybook/stories/stylings/25_mixed_point_shapes.story.tsx
index e25e06aef5..5cc83d0f15 100644
--- a/storybook/stories/stylings/25_mixed_point_shapes.story.tsx
+++ b/storybook/stories/stylings/25_mixed_point_shapes.story.tsx
@@ -61,6 +61,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
             shape: shapeKnobArea,
             stroke: strokeKnobArea,
             fill: fillKnobArea,
+            strokeWidth: 1,
           },
         }}
         xAccessor="x"
@@ -82,6 +83,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
             shape: shapeKnobLine,
             stroke: strokeKnobLine,
             fill: fillKnobLine,
+            strokeWidth: 1,
           },
         }}
         xAccessor="x"
@@ -103,6 +105,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
             shape: shapeKnobBubble,
             stroke: strokeKnobBubble,
             fill: fillKnobBubble,
+            strokeWidth: 1,
           },
         }}
         xAccessor="x"
diff --git a/storybook/stories/stylings/26_highlighter_style.story.tsx b/storybook/stories/stylings/26_highlighter_style.story.tsx
index e2280b5939..38f1db325b 100644
--- a/storybook/stories/stylings/26_highlighter_style.story.tsx
+++ b/storybook/stories/stylings/26_highlighter_style.story.tsx
@@ -89,7 +89,7 @@ export const Example: ChartsStory = (_, { title, description }) => (
       data={KIBANA_METRICS.metrics.kibana_os_load.v3.data}
       lineSeriesStyle={{
         point: {
-          visible: false,
+          visible: 'never',
         },
       }}
     />
@@ -105,7 +105,7 @@ export const Example: ChartsStory = (_, { title, description }) => (
       data={KIBANA_METRICS.metrics.kibana_os_load.v2.data}
       lineSeriesStyle={{
         point: {
-          visible: false,
+          visible: 'never',
         },
       }}
     />
@@ -121,7 +121,7 @@ export const Example: ChartsStory = (_, { title, description }) => (
       data={KIBANA_METRICS.metrics.kibana_os_load.v1.data}
       lineSeriesStyle={{
         point: {
-          visible: false,
+          visible: 'never',
         },
       }}
     />
diff --git a/storybook/stories/stylings/4_theme_styling.story.tsx b/storybook/stories/stylings/4_theme_styling.story.tsx
index 2618409f51..ce439a33b1 100644
--- a/storybook/stories/stylings/4_theme_styling.story.tsx
+++ b/storybook/stories/stylings/4_theme_styling.story.tsx
@@ -74,7 +74,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
         visible: boolean('lineVisible', true, 'line'),
       },
       point: {
-        visible: boolean('linePointVisible', true, 'line'),
+        visible: boolean('linePointVisible', true, 'line') ? 'always' : 'never',
         radius: range('linePointRadius', 0, 20, 1, 'line', 0.5),
         fill: color('linePointFill', 'white', 'line'),
         stroke: customizePointStroke ? color('customLinePointStroke', 'red', 'line') : undefined,
@@ -94,7 +94,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
         visible: boolean('aLineVisible', true, 'area'),
       },
       point: {
-        visible: boolean('aPointVisible', true, 'area'),
+        visible: boolean('aPointVisible', true, 'area') ? 'always' : 'never',
         fill: color('aPointFill', 'white', 'area'),
         radius: range('aPointRadius', 0, 20, 1, 'area'),
         stroke: color('aPointStroke', 'white', 'area'),
diff --git a/storybook/stories/test_cases/13_point_style_overrides.story.tsx b/storybook/stories/test_cases/13_point_style_overrides.story.tsx
index 4c2a5a0e07..95960bae1c 100644
--- a/storybook/stories/test_cases/13_point_style_overrides.story.tsx
+++ b/storybook/stories/test_cases/13_point_style_overrides.story.tsx
@@ -45,7 +45,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
           areaSeriesStyle: {
             line: defaultlineStyles,
             point: {
-              visible: true,
+              visible: 'always',
               stroke: themeLevelStroke,
               ...defaultPointStyles,
             },
@@ -58,7 +58,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
           lineSeriesStyle: {
             line: defaultlineStyles,
             point: {
-              visible: true,
+              visible: 'always',
               stroke: themeLevelStroke,
               ...defaultPointStyles,
             },
diff --git a/storybook/stories/test_cases/4_filter_zero_values_log.story.tsx b/storybook/stories/test_cases/4_filter_zero_values_log.story.tsx
index 6cd8cacebb..a0dc36b7b0 100644
--- a/storybook/stories/test_cases/4_filter_zero_values_log.story.tsx
+++ b/storybook/stories/test_cases/4_filter_zero_values_log.story.tsx
@@ -38,7 +38,7 @@ export const Example: ChartsStory = (_, { title, description }) => {
         yAccessors={['y']}
         xScaleType={ScaleType.Linear}
         yScaleType={ScaleType.Log}
-        areaSeriesStyle={{ point: { visible: true } }}
+        areaSeriesStyle={{ point: { visible: 'always' } }}
         data={[
           { x: 1, y: 100 },
           { x: 2, y: 0 },