diff --git a/apps/lluis/NavBar.svelte b/apps/lluis/NavBar.svelte
index b757cba0ea8d..3d409f275c9c 100644
--- a/apps/lluis/NavBar.svelte
+++ b/apps/lluis/NavBar.svelte
@@ -5,7 +5,6 @@
 
 <nav
   class="navbar"
-  class:dark
   class:is-hidden-mobile={is_hidden_mobile}
   role="navigation"
   aria-label="main navigation"
@@ -30,12 +29,9 @@
 </nav>
 
 <style type="text/scss">
-  .navbar.dark {
+  .navbar {
     background: var(--navbar-dark-background);
     color: var(--navbar-dark-text-color);
-  }
-
-  .navbar {
     border: 0;
     .navbar-end {
       position: absolute;
diff --git a/apps/web/src/components/NavBar.svelte b/apps/web/src/components/NavBar.svelte
index fef322c4359a..142d7a33dde6 100644
--- a/apps/web/src/components/NavBar.svelte
+++ b/apps/web/src/components/NavBar.svelte
@@ -18,7 +18,7 @@
 
 </script>
 
-<NavBar dark>
+<NavBar>
   <span slot="buttons">
     <SponsorButton />
     <GitHubButton />