diff --git a/packages/components-faraday/src/components/AppBar/AppBar.js b/packages/components-faraday/src/components/AppBar/AppBar.js
index bec517e24e5a34899376ac65f81f62bcfc4f5ec9..9c04e8949ce0a1374f74314f3b920346534ec5dd 100644
--- a/packages/components-faraday/src/components/AppBar/AppBar.js
+++ b/packages/components-faraday/src/components/AppBar/AppBar.js
@@ -92,11 +92,11 @@ const User = styled.div`
 
 const Dropdown = styled.div`
   background-color: ${th('colorBackground')};
-  border: ${th('borderWidth')} ${th('borderStyle')} ${th('colorFurniture')};
+  border: ${th('borderWidth')} ${th('borderStyle')} ${th('colorBorder')};
   position: absolute;
-  min-width: 150px;
   right: 20px;
-  top: 70px;
+  top: 60px;
+  width: calc(${th('gridUnit')} * 8);
   z-index: 10;
 `
 
@@ -106,9 +106,9 @@ const DropdownOption = styled.div`
   cursor: pointer;
   display: flex;
   justify-content: flex-start;
-  height: 34px;
+  height: calc(${th('gridUnit')} * 2);
   font-family: ${th('fontInterface')};
-  font-size: ${th('fontSizeBaseSmall')};
+  font-size: ${th('fontSizeBase')};
   line-height: ${th('fontLineHeight')};
   padding: 0 15px;