/* Keep each filter group at its content width so translated labels cannot overlap. */
.event-browser__toolbar .filter-bar > div {
  flex: none;
}

@media (max-width: 52rem) {
  .event-browser__toolbar .filter-bar {
    flex-wrap: wrap;
    max-width: 100%;
    overflow: visible;
  }

  .event-browser__toolbar .filter-bar button {
    min-height: 2.75rem;
  }
}