diff --git a/layouts/partials/navigators/navbar.html b/layouts/partials/navigators/navbar.html
index c4b5225..563f63d 100644
--- a/layouts/partials/navigators/navbar.html
+++ b/layouts/partials/navigators/navbar.html
@@ -66,7 +66,7 @@
       <span class="navbar-toggler-icon"></span>
     </button>
 
-    <div class="collapse navbar-collapse" id="top-nav-items">
+    <div class="collapse navbar-collapse dynamic-navbar" id="top-nav-items">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
           <a class="nav-link" href="#home">{{ i18n "home" }}</a>
diff --git a/static/css/colortheme/colortheme.css b/static/css/colortheme/colortheme.css
index 3b8eb1e..2bcf17c 100644
--- a/static/css/colortheme/colortheme.css
+++ b/static/css/colortheme/colortheme.css
@@ -1,7 +1,7 @@
 /* Note: No need to invert when the screen is small because the navbar is
    collapsed to a hamburger menu. */
 @media only screen and (min-width: 1200px) {
-  .navbar-icon-svg-dark {
+  .dynamic-navbar .navbar-icon-svg-dark {
     filter: invert(1);
   };
 }