I am experiencing strange behavior when the width of my graph is enlarged to 1727px or more.

When this happens the lines of the graph start to distort or warp.

I have tested a lot of different solutions but none of them seem to work for this.

I'm working with Highcharts and JQuery. Using a 16-inch MacBook Pro and Chrome version 95.0.4638.54 (Official Build) (x86_64). This error occurs with Google Chrome. However Safari and Firefox work well.

What i see

JSFiddle

document.getElementById('small').addEventListener('click', () => {
    chart.setSize(1726, 300);
});

document.getElementById('medium').addEventListener('click', () => {
    chart.setSize(1727, 300);
});

document.getElementById('large').addEventListener('click', () => {
    chart.setSize(1900, 300);
});

document.getElementById('xtraLarge').addEventListener('click', () => {
    chart.setSize(3900, 300);
});

Every idea is welcome.