diff --git a/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue b/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
index 583700cea4..4793fa0201 100644
--- a/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
+++ b/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
@@ -22,11 +22,11 @@
  -
  -->
 <template>
-	<NcButton v-tooltip.auto="label"
-		class="app-navigation-toggle"
+	<NcButton class="app-navigation-toggle"
 		type="tertiary"
 		:aria-expanded="open ? 'true' : 'false'"
 		:aria-label="label"
+		:title="label"
 		aria-controls="app-navigation-vue"
 		@click="toggleNavigation">
 		<template #icon>
@@ -38,7 +38,6 @@
 
 <script>
 import NcButton from '../NcButton/index.js'
-import Tooltip from '../../directives/Tooltip/index.js'
 import { t } from '../../l10n.js'
 
 import MenuIcon from 'vue-material-design-icons/Menu.vue'
@@ -47,10 +46,6 @@ import MenuOpenIcon from 'vue-material-design-icons/MenuOpen.vue'
 export default {
 	name: 'NcAppNavigationToggle',
 
-	directives: {
-		tooltip: Tooltip,
-	},
-
 	components: {
 		NcButton,
 		MenuIcon,