div class="pxh-navigation__item-text">Primary Item with an extremely long name</div>
            </a>
          </li>
          <li class="pxh-navigation__item pxh-navigation__item--error">
            <a href="#" class="pxh-navigation__link" title="Primary Item - Error">
              <i class="fa fa-exclamation-circle pxh-navigation__item-icon pxh-navigation__item-icon--error"></i>
              <div class="pxh-navigation__item-text">Primary Item - Error</div>
            </a>
          </li>
        </ul