diff --git a/src/index.html b/src/index.html
index ffb4e02..218574f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -46,7 +46,7 @@
             <div class="logo-lg" title="AriaNg %%GULP_INJECT_VERSION%%">
                 <div class="dropdown">
                     <span class="dropdown-toggle" data-toggle="dropdown">
-                        <span class="logo-lg-title">AriaNg</span><span class="caret"></span>
+                        <span class="logo-lg-title">AriaNg</span><i class="fa fa-caret-right fa-right-bottom fa-rotate-45 fa-half" aria-hidden="true"></i>
                     </span>
                     <ul class="dropdown-menu dropdown-menu-right" role="menu">
                         <li ng-repeat="setting in rpcSettings" ng-class="{'active': setting.isDefault}">
diff --git a/src/styles/theme/default.css b/src/styles/theme/default.css
index fd8414c..a88ac47 100644
--- a/src/styles/theme/default.css
+++ b/src/styles/theme/default.css
@@ -71,29 +71,23 @@
 }
 
 .skin-aria-ng .main-header .logo .logo-lg .logo-lg-title {
-    margin-right: 2px;
+    margin-right: 6px;
 }
 
 .skin-aria-ng .main-header .logo .dropdown-menu {
     margin-top: -1px;
-    border-color: #59636b;
-    background-color: #3c4852;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }
 
-.skin-aria-ng .main-header .logo .dropdown-menu > li > a {
-    color: #a2b5b9;
-}
-
-.skin-aria-ng .main-header .logo .dropdown-menu > li:hover > a {
-    color: #dfdfdf;
-    background-color: #313a42;
-}
-
 .skin-aria-ng .main-header .logo .dropdown-menu > li.active > a {
-    color: #5399e8;
-    background-color: #252c30;
+    color: #777;
+    background-color: #fff;
+}
+
+.skin-aria-ng .main-header .logo .dropdown-menu > li.active:hover > a {
+    color: #333;
+    background-color: #e1e3e9;
 }
 
 .skin-aria-ng .content-header {