diff --git a/packages/client/src/ui/_common_/navbar-for-mobile.vue b/packages/client/src/ui/_common_/navbar-for-mobile.vue
index da0aa68de..71bf05b66 100644
--- a/packages/client/src/ui/_common_/navbar-for-mobile.vue
+++ b/packages/client/src/ui/_common_/navbar-for-mobile.vue
@@ -174,6 +174,7 @@ function more() {
 					text-align: center;
 					width: 100%;
 					margin-top: 1rem;
+					color: var(--navFg);
 
 					> .icon {
 						display: inline-block;
diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue
index 06f878964..589868699 100644
--- a/packages/client/src/ui/_common_/navbar.vue
+++ b/packages/client/src/ui/_common_/navbar.vue
@@ -274,6 +274,7 @@ function more(ev: MouseEvent) {
 					text-align: center;
 					width: 100%;
 					margin-top: 1rem;
+					color: var(--navFg);
 
 					> .icon {
 						display: inline-block;
@@ -445,6 +446,7 @@ function more(ev: MouseEvent) {
 					text-align: center;
 					width: 100%;
 					margin-top: 1rem;
+					color: var(--navFg);
 
 					> .icon {
 						display: inline-block;