diff --git a/packages/frontend/src/ui/_common_/navbar-for-mobile.vue b/packages/frontend/src/ui/_common_/navbar-for-mobile.vue
index e63c2ffd61..33e3414662 100644
--- a/packages/frontend/src/ui/_common_/navbar-for-mobile.vue
+++ b/packages/frontend/src/ui/_common_/navbar-for-mobile.vue
@@ -199,6 +199,7 @@ function more() {
 
 .middle {
 	flex: 1;
+	z-index: 2;Z
 }
 
 .divider {
diff --git a/packages/frontend/src/ui/_common_/navbar.vue b/packages/frontend/src/ui/_common_/navbar.vue
index 498a238c2a..4721312508 100644
--- a/packages/frontend/src/ui/_common_/navbar.vue
+++ b/packages/frontend/src/ui/_common_/navbar.vue
@@ -256,6 +256,7 @@ function more(ev: MouseEvent) {
 
 	.middle {
 		flex: 1;
+		z-index: 2;
 	}
 
 	.divider {
diff --git a/packages/frontend/src/ui/friendly/navbar-for-mobile.vue b/packages/frontend/src/ui/friendly/navbar-for-mobile.vue
index fd4a737f6c..25259ac19f 100644
--- a/packages/frontend/src/ui/friendly/navbar-for-mobile.vue
+++ b/packages/frontend/src/ui/friendly/navbar-for-mobile.vue
@@ -223,6 +223,7 @@ function openProfile() {
 
 .middle {
 	flex: 1;
+	z-index: 2;
 }
 
 .divider {
diff --git a/packages/frontend/src/ui/friendly/navbar.vue b/packages/frontend/src/ui/friendly/navbar.vue
index 914dc4ad01..83cc0f9449 100644
--- a/packages/frontend/src/ui/friendly/navbar.vue
+++ b/packages/frontend/src/ui/friendly/navbar.vue
@@ -282,6 +282,7 @@ function openProfile() {
 
 	.middle {
 		flex: 1;
+		z-index: 2;
 	}
 
 	.divider {