Изменение цвета фона начальной загрузки navbar свернуть без задержки

Я пытаюсь перезаписать цвет фона свернутой строки меню, что я успешно сделал. Однако проблема заключается в том, что цвет применяется только тогда, когда свернутое меню полностью открыто. Я пытаюсь сделать это с помощью Bootstrap-Vue в проект Nuxt. Изменение стиля navbar было сделано с использованием файла css в папке assets, который я не уверен, что это правильный способ сделать.

Как сделать так, чтобы цвет фона отображался, когда выпадающий список анимируется вниз? спасибо.

Я сделал копию моего кода проекта на JSFiddle ( https://jsfiddle.net/tandeman/ae2s9104/37/) для вас, чтобы посмотреть. Весь код, необходимый для изменения фона был

.navbar-nav .dropdown-menu {
  background-color: #7E6551;
  border-radius: 10px;
}