Unexpected padding

I have this codepen with a strange behavior on chrome but not on firefox.

https://codepen.io/Andy1020/pen/jOKBjzE

In firefox (second picture) things looks pretty good but I am not sure what's going on with chrome (first picture). It seems like it adds some padding for the vertical scroll bar (even if scrollbar-gutter is set to stable) that cause the horizontal scroll bar to appear.

Is the vertical scroll bar the reason for the padding? Why is not shown in devtools layout? How can I fix this and prevent the horizontal scroll bar to appear?
chrome.png
firefox.png
CodePenAndy
...
Test
Was this page helpful?