在模式或下拉菜单上，我的导航栏正在移动

Question

我目前正在使用material-ui模态，每次模态出现时，我的navBar都会稍微向左移动。

navBar和modal位于完全不同的容器上，并且检查navbar元素似乎没有变化。

不带模式打开的示例：

https://i.imgur.com/7U7SrSp.png

模态打开的示例：

https://i.imgur.com/oIBnGcP.png

modalDiv:{
  width: 30vw;
}
modal:{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(25, 25, 25, 0.95);
}

这是模态的常见错误吗？

由于导航栏在元素中没有任何填充，我似乎找不到修复方法