Polyline renders in different thickness in Firefox and Chrome despite having the same stroke-width

I have an SVG Polyline that renders in two difrerent thickness in different browsers – Thicker for Chrome and thinner for Firefox. Would anyone know why? And how would I fix it such that the two have the same thickness? I prefer a solution that does not rely on detecting which browser is running.

The polyline itself is declared simply with the points being generated by code:

<polyline
    transform="translate(0 0)"
    points="" // Computer-generated points
    stroke="#142e52"
    stroke-width="1"
    fill="none"
    vector-effect="non-scaling-stroke"
></polyline>

Playground link

Firefox:

Chrome: