#shareAchievementsModal .nav-pills {
  /* layout */
  justify-content: center;   /* 👈 center the pills */
  flex-wrap: nowrap;
  white-space: nowrap;
  margin-bottom: 1rem;      /* 👈 mb-3 */

  /* theming */
  --bs-nav-pills-link-active-bg: var(--bs-secondary);
  --bs-nav-pills-link-active-color: #fff;
}

#shareAchievementsModal .nav-pills .nav-link {
  color: var(--bs-secondary);
}

#shareAchievementsModal .nav-pills .nav-link.active {
  color: #fff;
}

#shareAchievementsModal .tab-pane .card {
  min-height: min(50vh, 520px);
}