.filter-bar-grid {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr) 44px auto;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
}

.filter-bar-grid .filter-bar-row {
  display: contents;
}

.filter-bar-grid .filter-bar-row[data-first='false'] .filter-bar-remove-btn {
  grid-column: 3 / span 2;
}

@media (max-width: 768px) {
  .filter-bar-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

.filter-bar-grid .filter-bar-row[data-first='false'] .filter-bar-remove-btn {
    grid-column: auto !important;
  }

.filter-bar-grid .filter-bar-apply {
    order: 1 !important;
  }
}