chromium/chrome/browser/resources/password_manager/side_bar.html

<style include="cr-nav-menu-item-style">
  cr-menu-selector {
    box-sizing: border-box;
    display: block;
    height: 100%;
    overflow: visible;
    overscroll-behavior: contain;
    padding-top: 8px;
    width: 250px;
  }

  #compromisedPasswords {
    margin-inline-end: 20px;
    margin-inline-start: auto;
  }
</style>
<div role="navigation">
  <cr-menu-selector id="menu" attr-for-selected="path"
      selected-attribute="selected" on-iron-activate="onSelectorActivate_"
      selected="[[getSelectedPage_(selectedPage_)]]">
    <a id="passwords" role="menuitem" class="cr-nav-menu-item"
        path="passwords" href="/passwords" on-click="onItemClick_">
      <iron-icon icon="cr20:password"></iron-icon>
      $i18n{passwords}
      <cr-ripple></cr-ripple>
    </a>
    <a id="checkup" role="menuitem" class="cr-nav-menu-item"
        path="checkup" href="/checkup" on-click="onItemClick_">
      <iron-icon icon="passwords-icon:checkup"></iron-icon>
      <span>$i18n{checkup}</span>
      <div id="compromisedPasswords" hidden$="[[!compromisedPasswords_]]">
        [[getCompromisedPasswordsBadge_(compromisedPasswords_)]]</div>
      <cr-ripple></cr-ripple>
    </a>
    <a id="settings" role="menuitem" class="cr-nav-menu-item"
        path="settings" href="/settings" on-click="onItemClick_">
      <iron-icon icon="passwords-icon:settings"></iron-icon>
      $i18n{settings}
      <cr-ripple></cr-ripple>
    </a>
  </cr-menu-selector>
</div>