.navbar li {
  height: 40px;
}

.app-navbar{
  padding: 7px 15px;
  min-height: 52px;
}

.navbar-brand{
  margin-left: 5px;
}

.navbar-nav{
  flex-direction: row;

  & .nav-link{
    padding: 0.5em 1em;
  }
}

.account-dropdown-button{
  padding: 0 5px 0 0 !important;
  margin-top: -1px;
  border: 1px solid #000;
  border-radius: 3px;

  &.active{
    background: #555;
  }
}

.account-dropdown-image{
  width: 39px;
  height: 38px;
  margin-right: 5px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 1px solid #000;

  &.default{
    font-size: 34px;
    vertical-align: middle;
    text-align: center;
    background: #292B2C;
    margin-right: 5px;
    padding: 2px;
  }
}

.app-navbar .dropdown-menu{
  position: absolute !important;
}

.navbar li {
  height: 40px;
}

.app-navbar{
  padding: 7px 15px;
  min-height: 52px;
}

.navbar-brand{
  margin-left: 5px;
}

.navbar-nav{
  flex-direction: row;

  & .nav-link{
    padding: 0.5em 1em;
  }
}

.account-dropdown-button{
  padding: 0 5px 0 0 !important;
  margin-top: -1px;
  border: 1px solid #000;
  border-radius: 3px;

  &.active{
    background: #555;
  }
}

.account-dropdown-image{
  width: 39px;
  height: 38px;
  margin-right: 5px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 1px solid #000;

  &.default{
    font-size: 34px;
    vertical-align: middle;
    text-align: center;
    background: #292B2C;
    margin-right: 5px;
    padding: 2px;
  }
}

Fix for dropdown-menu losing absolute position on small screens
Fix for dropdown-menu losing absolute position on small screens
