By default, all input elements have a 12px left-right padding:

textarea,
select,
input {
	padding: 6px 12px;
	...
}

For an <input type="range" ... this causes an issue (at least in Chrome 83) with incorrectly rendering the input:

Min value:

Mid value:

Max value:

Without the left-right padding, the input is rendered correctly.