diff --git a/src/components/NcHeaderMenu/NcHeaderMenu.vue b/src/components/NcHeaderMenu/NcHeaderMenu.vue
index 5ada2f7bd0..29461a418e 100644
--- a/src/components/NcHeaderMenu/NcHeaderMenu.vue
+++ b/src/components/NcHeaderMenu/NcHeaderMenu.vue
@@ -350,4 +350,14 @@ $externalMargin: 8px;
 	}
 }
 
+@media only screen and (max-width: math.div($breakpoint-mobile, 2)) {
+	.header-menu {
+		width: $clickable-area;
+
+		&__trigger {
+			width: $clickable-area;
+		}
+	}
+}
+
 </style>