diff --git a/src/client/theme-default/components/NavBar.vue b/src/client/theme-default/components/NavBar.vue
index 099c9c58..4687352a 100644
--- a/src/client/theme-default/components/NavBar.vue
+++ b/src/client/theme-default/components/NavBar.vue
@@ -36,7 +36,7 @@ defineEmit(['toggle'])
   border-bottom: 1px solid var(--c-divider);
   padding: .7rem 1.5rem .7rem 4rem;
   height: var(--header-height);
-  background-color: var(--c-bg);
+  background-color: inherit;
 }
 
 @media (min-width: 720px) {