For all that want to know why:
Setting a width of 100vw will behavior “weirdly” when your page’s y-axis creates a scrollbar because the width is already the entire width of your screen + the new y-axis scrollbar that is not “on top of” the page but inside of it.
You can change this somewhat as of 2021 with
scrollbar-gutter: stable
Example: