Opening a Popover adds padding-right to the body element

[MrOttimista]

When I try to open any popover, a padding-right is added as a style for the body element
Why this is not the best way?

1. it makes some components rerender
2. some components is displayed in a messy way as shown in the example

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

The padding-right is added as a style to the body element, please see the below photo

Photo: explain what happen when I open a popover

Expected Behavior 🤔

The padding-right is added as the scroll bar is hidden when I open the popover.
Suggestion:
how about disabling the scrollbar but keep it displayed Facebook does so

Steps to Reproduce 🕹

Steps:

1. open popover docs => https://material-ui.com/components/popover/

2. open the first popover

3. before opening the popover
   

4. After opening
   

Context 🔦

Your Environment 🌎

`npx @material-ui/envinfo`

  Don't forget to mention which browser you used.
  Output from `npx @material-ui/envinfo` goes here.

[mnajdova]

Duplicate of #19961

[MrOttimista]

@mnajdova thank you for responding
Yes, it is duplicate and the answer was the behaviour is expected
but this behaviour causes a UI bug in the material ui offical web site
so, can you consider my suggested solution?

[loizosv]

This works for me but is causing other issues with scrolling while the popover is open.

<Popover disableScrollLock .... </Popover>