В модальном или выпадающем меню моя навигационная панель движется

Question

В настоящее время я использую модаллы Material-Ui, и каждый раз, когда появляется модал, мой navBar немного смещается влево.

NavBar и модал находятся в совершенно разных контейнерах, и проверка элементов 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);
}

Это обычная ошибка модалов?

Кажется, я не могу найти исправления, поскольку навигационная панель не получает отступов в элементах