diff --git a/media/css/seahub.css b/media/css/seahub.css
index d1b0acfe03..503ff5ea9f 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -176,9 +176,12 @@ a:focus, a:hover {
     text-decoration: underline;
 }
 a:focus {
-  outline: thin dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
+    outline: thin dotted;
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: -2px;
+}
+a.black {
+    color:#322;
 }
 img { border:none; }
 textarea {
diff --git a/seahub/templates/js/templates.html b/seahub/templates/js/templates.html
index 70c8419184..3df6ff6754 100644
--- a/seahub/templates/js/templates.html
+++ b/seahub/templates/js/templates.html
@@ -1399,7 +1399,7 @@
     <td>
         <% if (synced_repos.length > 0) { %>
         <div class="dropdown js-dropdown">
-            <span class="js-dropdown-toggle cspt"><%- synced_repos_length %> <span class="icon-caret-down"></span></span>
+            <a href="#" class="normal black js-dropdown-toggle"><%- synced_repos_length %> <span class="icon-caret-down"></span></a>
             <ul class="device-libs-dropdown-menu dropdown-menu js-dropdown-content hide">
                 <% for (var i = 0, len = synced_repos_length; i < len; i++) { %>
                 <li><a href="#common/lib/<%- synced_repos[i].repo_id %>"><%- synced_repos[i].repo_name %></a></li>