diff --git a/src/app/common-components/main-navigation/main-navigation.component.css b/src/app/common-components/main-navigation/main-navigation.component.css
index 35bbfbf..b356a98 100644
--- a/src/app/common-components/main-navigation/main-navigation.component.css
+++ b/src/app/common-components/main-navigation/main-navigation.component.css
@@ -36,10 +36,19 @@
 
 .navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:focus {
-    color: #0b325c;
-    background: transparent;
+    filter: brightness(95%);
 }
 
 .dropdown-menu>li>a {
     cursor: pointer;
-}
\ No newline at end of file
+}
+
+.btn-logout {
+    background-color: #ccdbe6;
+    color: #0080c0;
+    border: none;
+}
+
+.btn-logout:hover {
+    filter: brightness(95%);
+}
diff --git a/src/app/common-components/main-navigation/main-navigation.component.html b/src/app/common-components/main-navigation/main-navigation.component.html
index 5238468..f642725 100644
--- a/src/app/common-components/main-navigation/main-navigation.component.html
+++ b/src/app/common-components/main-navigation/main-navigation.component.html
@@ -37,11 +37,11 @@
             <span class="glyphicon glyphicon-question-sign"></span>            
         </a>
       </div>
-      <div class="nav-overview-user">
-        <a class="dropdown-open  dropdown-toggle " data-toggle="dropdown" href="#" aria-expanded="true">
+      <div class="dropdown-open nav-user nav-overview-user">
+        <a class="btn btn-logout dropdown-toggle" style="min-width: 160px;" type="button" data-toggle="dropdown" href="#" aria-expanded="true">
           {{sessionContext.getAccessTokenDecoded()?.name}}<span class="caret"></span>
         </a>
-        <ul class="dropdown-menu">
+        <ul class="dropdown-menu" style="left: auto; right: auto;">
           <li class="dropdown">
             <a (click)="openDialogShiftChange()">Schicht übergeben</a>
           </li>
diff --git a/src/styles.css b/src/styles.css
index fffe858..1ac62eb 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -185,25 +185,24 @@
 }
 
 .dropdown-open:hover {
-    
-    background: #b6cbdb;
+    background: #b7cbda;
 }
 
 .navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:focus {
-    color: #0b325c;
-    background: #b6cbdb;
+    color: #0080c0;
+    background: #b7cbda;
 }
 
 .dropdown-menu{   
-    top:35px;
-    min-width: 128px;
-    margin: 2px 20px 0;
-    padding: 5px 7px;
-}
+    top:43px;
+    min-width: 160px;
+    background: #e9f0f9;
+} 
 
 .dropdown-menu > .dropdown > a:hover {
-    background: #f5f8fc;
+    background: #b7cbda;
+    color: #0080c0;
 }