diff --git a/Bootstrap.Admin/wwwroot/css/site.css b/Bootstrap.Admin/wwwroot/css/site.css
index 8d30fa73..d39b5a0c 100644
--- a/Bootstrap.Admin/wwwroot/css/site.css
+++ b/Bootstrap.Admin/wwwroot/css/site.css
@@ -268,6 +268,14 @@ a, a:hover, a:focus {
             margin-bottom: 4px;
         }
 
+    .userinfo .dropdown-item:first-child {
+        border-radius: 4px 4px 0 0;
+    }
+
+        .userinfo .dropdown-item:first-child a:hover {
+            color: #333;
+        }
+
     .userinfo .dropdown-item:last-child {
         border-radius: 0 0 4px 4px;
     }
@@ -279,6 +287,10 @@ a, a:hover, a:focus {
             background-image: linear-gradient(to bottom, #a9d96c 0%, #799e51 100%);
         }
 
+            .userinfo .dropdown-item:last-child a:hover {
+                color: #d40c0b;
+            }
+
 .userinfo .username {
     max-width: 90px;
     vertical-align: middle;
diff --git a/Bootstrap.Client/wwwroot/css/site.css b/Bootstrap.Client/wwwroot/css/site.css
index 3a6ee264..1a95fe26 100644
--- a/Bootstrap.Client/wwwroot/css/site.css
+++ b/Bootstrap.Client/wwwroot/css/site.css
@@ -269,9 +269,9 @@ a, a:hover, a:focus {
 
     .userinfo .dropdown-item a {
         text-align: center;
-        color: #777;
         padding: 15px 10px;
         flex: 1 1 33.333%;
+        color: #777;
     }
 
         .userinfo .dropdown-item a i {
@@ -280,6 +280,14 @@ a, a:hover, a:focus {
             margin-bottom: 4px;
         }
 
+    .userinfo .dropdown-item:first-child {
+        border-radius: 4px 4px 0 0;
+    }
+
+        .userinfo .dropdown-item:first-child a:hover {
+            color: #333;
+        }
+
     .userinfo .dropdown-item:last-child {
         border-radius: 0 0 4px 4px;
     }
@@ -291,6 +299,10 @@ a, a:hover, a:focus {
             background-image: linear-gradient(to bottom, #a9d96c 0%, #799e51 100%);
         }
 
+            .userinfo .dropdown-item:last-child a:hover {
+                color: #d40c0b;
+            }
+
 .userinfo .username {
     max-width: 90px;
     vertical-align: middle;