diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue
index a8ffd4a44..5409fb824 100644
--- a/packages/client/src/ui/_common_/navbar.vue
+++ b/packages/client/src/ui/_common_/navbar.vue
@@ -423,9 +423,6 @@ function more(ev: MouseEvent) {
 					&:hover,
 					&:focus-within,
 					&.active {
-						color: var(--accent);
-						transition: all 0.4s ease;
-
 						&:before {
 							content: "";
 							display: block;
@@ -449,6 +446,9 @@ function more(ev: MouseEvent) {
 					}
 
 					&.active {
+						color: var(--accent);
+						transition: all 0.4s ease;
+
 						&:before {
 							background: var(--accentedBg);
 						}