Bootswatch dropdown nav/page css not applied to sidebar

[kjones-lan]

Description

I've noticed that a few themes from Bootswatch (in this example I'm using United) don't use the same css. If I have a "pill dropdown" inside a page it uses

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #e95420;
}

However, if I have a pill dropdown and use it within the sidebar it ends up using

.nav>li>a:hover, .nav>li>a:focus {
    background-color: #eeeeee;
}

How do I override this property to use #e95420 instead of #eeeeee?

Steps to reproduce

1. Switch theme to United
2. Insert a pill into the sidebar. Ex:

<nav type="pills" stacked="true">
  * Diagrams
    * [[:development:diagrams:erd|Entity Relationship]]
    * [[:development:diagrams:branching|Branching Workflow]]
    * [[:development:diagrams:cicd|Continuous Integration/Deployment]]
    * [[:development:diagrams:secureshare|SecureShare ERD]]
</nav>

3. Use the same pill within a page. The applied css is different on the dropdown list.

Expected behavior: The css should be the same in both page, navbar, and sidebar

Actual behavior: The css that is applied within the sidebar is different from the page or navbar.

Versions

• Bootswatch theme United
• DokuWiki v 2018-04-22b "Greebo"
• Bootstrap 3 Template v 2019-05-22

Screenshots

This is an example of the pill dropdown being used in the sidebar. Notice that it's using the actual background-color that's part of united/bootstrap.min.css

This is an example of what the pill dropdown looks like within a page. it's using the background-color #e95420

Finally, this is an example of the background-color in the navbar. It's also using the #e95420 color.