diff --git a/frontend/src/views/layout/components/Navbar.vue b/frontend/src/views/layout/components/Navbar.vue
index caabc338..f47380c8 100644
--- a/frontend/src/views/layout/components/Navbar.vue
+++ b/frontend/src/views/layout/components/Navbar.vue
@@ -27,14 +27,13 @@
         </el-dropdown-item>
       </el-dropdown-menu>
     </el-dropdown>
-    <el-dropdown class="documentation right">
+    <div class="documentation right">
       <a href="http://docs.crawlab.cn" target="_blank">
         <font-awesome-icon :icon="['far', 'question-circle']"/>
         <span style="margin-left: 5px;">{{$t('Documentation')}}</span>
       </a>
-      <el-dropdown-menu slot="dropdown"></el-dropdown-menu>
-    </el-dropdown>
-    <el-dropdown class="github right">
+    </div>
+    <div class="github right">
       <!-- Place this tag where you want the button to render. -->
       <github-button
         href="https://github.com/crawlab-team/crawlab"
@@ -44,8 +43,7 @@
         :aria-label="$t('Star crawlab-team/crawlab on GitHub')">
         Star
       </github-button>
-      <el-dropdown-menu slot="dropdown"></el-dropdown-menu>
-    </el-dropdown>
+    </div>
   </div>
 </template>
 
@@ -130,7 +128,8 @@ export default {
 
     .documentation {
       margin-right: 35px;
-
+      color: #606266;
+      font-size: 14px;
       .span {
         margin-left: 5px;
       }