diff --git a/src/views/Hatch/components/LeftNav.vue b/src/views/Hatch/components/LeftNav.vue
index 50ccaee..dc2331e 100644
--- a/src/views/Hatch/components/LeftNav.vue
+++ b/src/views/Hatch/components/LeftNav.vue
@@ -7,9 +7,12 @@
 -->
 <template>
   <div class="nav-box">
-    <div :class="activeNum === index ? 'nav-box-active' : ''" :key="index" @click="jump(item.url, index)" v-for="(item, index) in list">
-      {{ item.title }}
-    </div>
+    <div
+      :class="activeNum === index ? 'nav-item-active' : 'nav-item'"
+      :key="index"
+      @click="jump(item.url, index)"
+      v-for="(item, index) in list"
+    >{{ item.title }}</div>
   </div>
 </template>