diff --git a/packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue b/packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue
index 65b01ba736..54597efb58 100644
--- a/packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue
+++ b/packages/nc-gui-v2/components/smartsheet-toolbar/ToggleDrawer.vue
@@ -8,7 +8,13 @@ const Icon = computed(() => (navDrawerOpened.value ? MdiDoorOpenIcon : MdiDoorCl
 </script>
 
 <template>
-  <Icon class="text-grey" @click="navDrawerOpened = !navDrawerOpened" />
+  <a-tooltip>
+    <template #title> {{ $t('tooltip.toggleNavDraw') }} </template>
+    <Icon
+      class="rounded text-xl p-1 text-gray-500 hover:(text-white bg-pink-500 shadow)"
+      @click="navDrawerOpened = !navDrawerOpened"
+    />
+  </a-tooltip>
 </template>
 
 <style scoped></style>