diff --git a/_includes/components/navbar.html b/_includes/components/navbar.html
index 03948b5..f33db2d 100644
--- a/_includes/components/navbar.html
+++ b/_includes/components/navbar.html
@@ -3,7 +3,7 @@
     <!--p class="text-muted">Some Description about buttons.</p-->
 </div>
 <div class="bg-light p-5" id="">
-<nav class="navbar navbar-expand-lg navbar-light border-bottom align-items-end py-3" id="styleguide-nav" "style=background: $oc-white">
+<nav class="navbar navbar-expand-lg navbar-dark border-bottom align-items-end py-3" id="styleguide-nav" "style=background: $oc-white">
   <a class="navbar-brand mr-5" href="https://geti2p.net/">
     <img src="{{site.baseurl}}{{site.logo}}" class="my-2" height="40" width="auto" alt=""></img>
   </a>
diff --git a/_site/components/index.html b/_site/components/index.html
index dca370c..74c82a0 100644
--- a/_site/components/index.html
+++ b/_site/components/index.html
@@ -382,7 +382,7 @@
     <!--p class="text-muted">Some Description about buttons.</p-->
 </div>
 <div class="bg-light p-5" id="">
-<nav class="navbar navbar-expand-lg navbar-light border-bottom align-items-end py-3" id="styleguide-nav" "style=background: $oc-white">
+<nav class="navbar navbar-expand-lg navbar-dark border-bottom align-items-end py-3" id="styleguide-nav" "style=background: $oc-white">
   <a class="navbar-brand mr-5" href="https://geti2p.net/">
     <img src="/i2p-styleguide/assets/images/horizontal_white.png" class="my-2" height="40" width="auto" alt=""></img>
   </a>