Header with selected navigation item

HTML

<header data-module="govuk-header" class="dwp-header">
  <div class="dwp-header__content govuk-width-container">
    <div class="dwp-header__service-name">
      <a href="#" class="dwp-header__link">Service name</a>
    </div>
    <nav class="dwp-header-navigation"
      aria-label="Primary">
      <button type="button" class="dwp-header-navigation__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
        Menu
      </button>
      <ul id="navigation" class="dwp-header-navigation__list">
        <li class="dwp-header-navigation__item">
          <a
            href="#1">
            Find someone
          </a>
        </li>
        <li class="dwp-header-navigation__item">
          <a
            href="#2">
            Tasks
          </a>
        </li>
        <li class="dwp-header-navigation__item">
          <a
            href="#3">
            Telephone claim
          </a>
        </li>
        <li class="dwp-header-navigation__item dwp-header-navigation__item--selected">
          <a
            href="#4" aria-current=&quot;true&quot;>
            Paper claim
          </a>
        </li>
        <li class="dwp-header-navigation__item">
          <a
            href="#5">
            Admin
          </a>
        </li>
      </ul>
    </nav>
  </div>
</header>