diff --git a/src/components/Navbar/MutilTab.vue b/src/components/Navbar/MutilTab.vue
index d8f3059..fccd928 100644
--- a/src/components/Navbar/MutilTab.vue
+++ b/src/components/Navbar/MutilTab.vue
@@ -1,7 +1,7 @@
 <template lang="">
   <div class="relative uppercase">
     <div 
-      class="hover:text-gray-400 cursor-pointer flex items-center gap-1"
+      class="hover:text-gray-400 text-gray-600 cursor-pointer flex items-center gap-1"
       @mouseenter="mouseEnter"
       @mouseleave="mouseLeave"
     >
diff --git a/src/components/Navbar/MutilTabMobile.vue b/src/components/Navbar/MutilTabMobile.vue
index ae165aa..96e6756 100644
--- a/src/components/Navbar/MutilTabMobile.vue
+++ b/src/components/Navbar/MutilTabMobile.vue
@@ -1,12 +1,12 @@
 <template lang="">
   <div class="uppercase px-1 py-2 border-t">
-    <div class="cursor-default">{{ props.name }}</div>
+    <div class="cursor-default text-gray-600">{{ props.name }}</div>
     <router-link
         v-for="item in props.childrenNode"
         :to="{ name: 'exercise', params: { classId: item.slug } }"
         :key="item.slug"
         @click.native="onClick"
-        class="p-2 px-4 cursor-pointer hover:text-gray-400 block"
+        class="p-2 px-4 cursor-pointer hover:text-gray-400 text-gray-600 block"
     >
       {{ item.name }}
     </router-link>
diff --git a/src/components/Navbar/Navbar.vue b/src/components/Navbar/Navbar.vue
index 18ebe2c..2060c91 100644
--- a/src/components/Navbar/Navbar.vue
+++ b/src/components/Navbar/Navbar.vue
@@ -15,7 +15,6 @@
           :name="cate.name"
           :children-node="cate.children"
         />
-        
       </div>
     </div>
     
diff --git a/src/components/Navbar/SingleTab.vue b/src/components/Navbar/SingleTab.vue
index aa9d48c..10b6921 100644
--- a/src/components/Navbar/SingleTab.vue
+++ b/src/components/Navbar/SingleTab.vue
@@ -1,9 +1,9 @@
 <template lang="">
-  <div class="md:border-0 border-t w-full md:p-0 px-1 py-2">
+  <div class="md:border-0 border-t w-full md:p-0 px-1 py-2 ">
     <router-link 
       @click.native="onClick"
       :to="{ name: 'exercise', params: { classId: props.classId } }"
-      class="hover:text-gray-400 uppercase block"
+      class="hover:text-gray-400 uppercase block text-gray-600"
     >
       {{ props.name }}
     </router-link>