diff --git a/htdocs/Navbar.vue b/htdocs/Navbar.vue
index bc8837a..c02838b 100644
--- a/htdocs/Navbar.vue
+++ b/htdocs/Navbar.vue
@@ -1,5 +1,5 @@
 <template>
-	<nav class="navbar navbar-expand-lg fixed-top bg-dark">
+	<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
 		<div class="container-fluid">
 			<router-link class="navbar-brand" to="/"><img src="/icon.svg" style="height: 1.875rem;" /></router-link>
 			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -41,8 +41,8 @@
 </template>
 
 <style scoped>
-	a.router-link-exact-active {
-		color: #bbb;
+	.navbar-nav .nav-link.router-link-exact-active {
+		color: #fff;
 	}
 </style>