@media (max-width: 960px) {
  .inline-display-settings-row {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .display-setting-control,
  .display-setting-control .segmented-control {
    width: 100%;
  }

  .display-setting-control .segmented-option {
    flex: 1 1 0;
  }

  .display-setting-control .segmented-option span {
    width: 100%;
  }

  .event-form-field-fuelbar .input-with-leading-action {
    width: 100%;
    flex-wrap: nowrap;
    gap: 0.35rem;
  }

  .event-form-field-fuelbar .segmented-control {
    width: min(7rem, calc(100% - 1.85rem));
    min-width: 0;
  }

  .event-form-field-fuelbar .inline-info-link {
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 1.5rem;
  }

  .event-form-field-fuelbar .segmented-option {
    flex: 1 1 0;
  }

  .event-form-field-fuelbar .segmented-option span {
    width: 100%;
  }

}