SideDrawer turns the rest of the screen black when open rather than an opaque black

[kfam22]

The problem I'm encountering is the entire screen turning black when the Sidedrawer component is open. How can I fix this problem? The first two images show the screen on my website (which is black) when the sidedrawer is open. The last image shows what the screen should look like while the sidedrawer is open with a very opaque black screen. Sometimes when I open chrome dev tools, the black screen goes back to normal. How can I control the color of the remaining part of the screen outside of the side drawer?