diff --git a/app/javascript/vue/navigation/navigator.vue b/app/javascript/vue/navigation/navigator.vue
index d39221b02..a0cc53797 100644
--- a/app/javascript/vue/navigation/navigator.vue
+++ b/app/javascript/vue/navigation/navigator.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="w-72 h-full border rounded sn-background--sn-white flex flex-col right-0 absolute navigator-container">
     <div class="p-3 flex items-center">
-      <i class="fas fa-bars p-2 cursor-pointer"></i>
-      <div class="font-bold text-base">
+      <i class="fas fa-bars cursor-pointer"></i>
+      <div class="font-bold text-base p-2">
         {{ i18n.t('navigator.title') }}
       </div>
       <i @click="$emit('navigator:colapse')" class="fas fa-times ml-auto cursor-pointer"></i>
     </div>
-    <perfect-scrollbar class="grow px-2 py-4 relative">
+    <perfect-scrollbar class="grow py-4 relative">
       <NavigatorItem v-for="item in sortedMenuItems"
                      :key="item.id"
                      :currentItemId="currentItemId"
diff --git a/app/javascript/vue/navigation/navigator_item.vue b/app/javascript/vue/navigation/navigator_item.vue
index 3378a8557..76073fec8 100644
--- a/app/javascript/vue/navigation/navigator_item.vue
+++ b/app/javascript/vue/navigation/navigator_item.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="sn-color--sn-blue pl-7 w-64 flex justify-center flex-col" :navigator-item-id="item.id">
-    <div class="p-2 flex items-center whitespace-nowrap" :class="{ 'sn-background--sn-light-grey': activeItem }">
+    <div class="p-2 flex items-center whitespace-nowrap" :title="itemToolTip" :class="{ 'sn-background--sn-light-grey': activeItem }">
       <div class="w-5 mr-2 flex justify-start shrink-0">
         <i v-if="hasChildren"
           class="fas cursor-pointer"
@@ -72,6 +72,27 @@ export default {
         default:
           return null;
       }
+    },
+    itemToolTip: function() {
+      let prefix = '';
+
+      switch (this.item.type) {
+        case 'folder':
+          return this.item.name;
+        case 'project':
+          prefix = '(Project) ';
+          break;
+        case 'experiment':
+          prefix = '(Experiment) ';
+          break;
+        case 'my_module':
+          prefix = '(Task) ';
+          break;
+        default:
+          break;
+      }
+
+      return prefix + this.item.name;
     }
   },
   created: function() {