            User with an extremely long name
          </div>
          <div class="pxh-login__caret pxh-login__caret--narrow@md pxh-login__caret--wide@lg">
            <i class="fa fa-angle-up pxh-login__caret-icon"></i>
          </div>
        </a>
        <div class="pxh-login-menu pxh-login-menu--profile">
          <ul class="pxh-login-menu__list">
            <li class="pxh-login-menu__item">
              <a class="pxh-login-menu__link" href="#" title="My Profile">My Profile</a>
            </li>
  