diff --git a/src/components/app/MainNav.vue b/src/components/app/MainNav.vue
index c8e5a50..0296795 100644
--- a/src/components/app/MainNav.vue
+++ b/src/components/app/MainNav.vue
@@ -11,6 +11,7 @@
     <div class="container" @mouseleave="mouseLeaveEvent">
       <div class="navigation-items">
         <div
+          data-name="Explore" 
           class="item material-icons"
           :class="{ selected: currentTab == 0 }"
           @click="switchTab(0)"
@@ -19,6 +20,7 @@
           explore
         </div>
         <div
+          data-name="Direct Message" 
           class="item material-icons"
           :class="{
             selected: currentTab == 1,
@@ -30,6 +32,7 @@
           chat
         </div>
         <div
+          data-name="Servers" 
           class="item material-icons"
           :class="{
             selected: currentTab == 2,
@@ -41,6 +44,7 @@
           forum
         </div>
         <div
+          data-name="Changelog" 
           class="item material-icons"
           :class="{ selected: currentTab == 3 }"
           @click="switchTab(3)"
diff --git a/src/components/app/Navigation.vue b/src/components/app/Navigation.vue
index 0193b56..e163e36 100644
--- a/src/components/app/Navigation.vue
+++ b/src/components/app/Navigation.vue
@@ -26,11 +26,13 @@
 
       </div>
       <div
+        data-name="Add Friend" 
         class="item material-icons"
         @click="addFriend"
         @mouseenter="localToolTipEvent('Add Friend', $event)"
       >person_add</div>
       <div
+        data-name="Add Server" 
         class="item material-icons"
         @click="addServer"
         @mouseenter="localToolTipEvent('Add Server', $event)"