diff --git a/src/assets/scss/nav.scss b/src/assets/scss/nav.scss
index 321c6e06..f75dfd15 100644
--- a/src/assets/scss/nav.scss
+++ b/src/assets/scss/nav.scss
@@ -31,9 +31,9 @@ nav {
 				opacity: 0;
 				background-size: 0.25vw 0.25vh;
 				backdrop-filter: blur(0.25em) brightness(100%);
+				background-color: transparentize(themed("navBackgroundColor"), 0.8);
 				&.highlight {
 					opacity: 1;
-					background-color: transparentize(themed("navBackgroundColor"), 0.8);
 				}
 			}
 			&[transparent="true"]:hover,