diff --git a/client/src/components/header/MobileMenu.vue b/client/src/components/header/MobileMenu.vue
index 8c81cbe1..b4507401 100644
--- a/client/src/components/header/MobileMenu.vue
+++ b/client/src/components/header/MobileMenu.vue
@@ -171,7 +171,7 @@ const mentorTabTitle = computed(() =>
               </li>
             </ul>
           </div>
-          <button v-if="user?.loggedIn" type="button" class="mt-6 flex items-center">
+          <button v-if="user?.loggedIn" type="button" class="px-4 py-2 mt-6 flex items-center">
             <!-- todo: correct action / route -->
             <it-icon-settings class="inline-block" />
             <span class="ml-1">{{ $t("a.Einstellungen") }}</span>
@@ -179,7 +179,7 @@ const mentorTabTitle = computed(() =>
           <button
             v-if="user?.loggedIn"
             type="button"
-            class="mt-6 flex items-center"
+            class="px-4 py-2 mt-6 flex items-center"
             @click="$emit('logout')"
           >
             <it-icon-logout class="inline-block" />