diff --git a/awx/ui_next/src/App.jsx b/awx/ui_next/src/App.jsx
index fdc4bb4ec2..e0f8482cec 100644
--- a/awx/ui_next/src/App.jsx
+++ b/awx/ui_next/src/App.jsx
@@ -163,8 +163,9 @@ class App extends Component {
     const sidebar = (
       <PageSidebar
         isNavOpen={isNavOpen}
+        theme="dark"
         nav={
-          <Nav aria-label={navLabel}>
+          <Nav aria-label={navLabel} theme="dark">
             <NavList>
               {routeGroups.map(({ groupId, groupTitle, routes }) => (
                 <NavExpandableGroup