/**
 *    Copyright (c) ppy Pty Ltd <contact@ppy.sh>.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.header-nav-v4 {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -4px -5px;
  font-size: @font-size--small;

  @media @desktop {
    font-size: @font-size--title-small;
  }

  &__item {
    margin: 4px 5px;
    flex: none;

    & + &::before {
      .fas();
      content: "\f105"; // fa-angle-right

      margin-right: 5px;
    }
  }

  &__link {
    .link-default();
  }
}

/**
 *    Copyright (c) ppy Pty Ltd <contact@ppy.sh>.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.header-nav-v4 {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -4px -5px;
  font-size: @font-size--small;

  @media @desktop {
    font-size: @font-size--title-small;
  }

  &__item {
    margin: 4px 5px;
    flex: none;
    display: flex; // remove space between ::before and content
    align-items: baseline;

    & + &::before {
      .fas();
      content: "\f105"; // fa-angle-right

      margin-right: 10px;
    }
  }

  &__link {
    .link-default();
  }
}

Fix header breadcrumb item spacing
Fix header breadcrumb item spacing
