Проблема применения стилей в React приложении

Создаю web-приложение и админ панель к нему используя React. По корневому url localhost:3000 отображается страница приложения, которая выглядит так:

По url localhost:3000/adminpanel открывается страница авторизации

После авторизации открывается админ панель со своим сайдбаром и хедером

Проблема в том, что когда я выполняю переходы по страницам стили могут сброситься. Т.е. я нахожусь на страницы авторизации пользователя. Она нормально отображается, применяются все стили. Затем я перехожу в админ панель и обратно на страницу авторизации и стили начинают шалить. Например вот что случилось когда я нажал кнопку обновить внутри админ панели а потом вернулся на страницу авторизации

Как видно, почему-то картинка заданная в css свойством background-img теперь отображается на половину. Так же если, например, в админ панели нажать кнопку перезагрузить, то у главного компонента App почему-то пропадает установленный мною background, т.е. цвет фона становится просто белым, а не сероватым как на картинки №3. Бывает и такое, когда стили применяются к тегам, а после перезагрузки, стили пропадают, а в панели разработчика показывает, что мол такие стили вообще не заданы для этих тегов. Например для тега html задан такой css

html, body{
  height: 100%;
  width: 100%;
  overflow: hidden;
}

Сначала он работает, но если выполнить перезагрузку, то стили сбрасываются а у html появляется скрол. Вот что пишется в панели разработчика

Хотя до этого, всё было нормально и написанные мню стили отображались в панели разработчика. В общем как я могу решить эту проблему? Я уже подумываю, что может проблема с браузером, инетом или железом. Потому что до этого такой проблемы вообще не припомню. Заранее спасибо за ответ.