padding-right on modal wrong after zoom in/out

[rezaffm]

Describe the bug

Well, the padding-right on body is not accurate anymore once you zoomed in or out.

Steps to reproduce the bug

1. Go to https://bootstrap-vue.org/docs/components/modal
2. Zoom In and out
3. Open Modal
4. Wrong padding-right applied

Expected behavior

When the modal opens, the correct padding-right should be applied to the body, otherwise the modal and content "dances".

Apparently it is done right on initialization because if you zoom out or on and then hard reload the browser, everything works as expected.

Additional context

I am not certain how difficult this one is. I now went the "vuetify" kind of way and made the scrollbar always visible and disabled padding-right. This means, the scrollbar is visible when the modal is open, but at least the content doesn't dance anymore.