$header-color: #2749a0; $header-hover-color: white; .profileMenu{ float: right; margin-right:20px; .profileMenu-wrapper{ @include pad(10px 0 0 0); min-width: 200px; } .profileMenu-item{ @include pad(5px 10px); display: inline-block; position: relative; font-weight: bold; color: white; width: 100%; &:hover{ background: $header-hover-color; color: $header-color; .innerProfileMenu{ display: table; } img{ background: inherit; } } .innerProfileMenu{ @include pad (5px 10px); position: absolute; margin: 0; top:40px; left:0; background: inherit; z-index: 99999; width: 100%; } .innerProfileMenu-item{ @include pad(5px 10px); position: relative; font-weight: normal; font-size: 16px; &:hover{ background: $header-color; color: white; } a{ color: inherit; } } } .profileMenu-item-link{ color: inherit; margin-left: 5px; height: 30px; line-height: 30px; display: block; float: left; } .profileMenu-item-icon{ height: 30px; width: 30px; padding: 0; margin: 0; background: white; border-radius: 50%; display: block; float: left; } }