Prevent scrollbar layout shift

Using scrollbar-gutter with stable value you can reserve space for the scrollbar even if there is no scroll, this allow to avoid layout shift.

body {
  scrollbar-gutter: stable;
}

For more information read MDN scrollbar gutter docs .

For browser compatibility read Can I Use scrollbar gutter .