.filters {
  margin-bottom: 4px;

  .btn-toolbar {
    margin-bottom: 5px;
  }

  .btn-margin-left {
    margin-left: 5px;
  }
}

.filters-popover {
  $container-padding: 12px;

  width: auto !important;
  min-width: 300px;
  max-width: 80vw;

  &.wide {
    min-width: 450px;
  }

  .popover-content {
    padding: $container-padding;
  }

  .btn-apply-container {
    margin-top: $container-padding;
    text-align: right;

    &.no-margin {
      margin-top: 0;
    }
  }

  .operator-text {
    max-width: 40px;
    flex: 1;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
  }
}

.filters-select2-dropdown {
  z-index: 9999;
}

.filters {
  margin-bottom: 4px;

  .btn-toolbar {
    margin-bottom: 5px;
  }

  .btn-margin-left {
    margin-left: 5px;
  }
}

.filters-popover {
  $container-padding: 12px;

  width: 80vw !important;
  max-width: 300px;

  &.wide {
    max-width: 450px;
  }

  .popover-content {
    padding: $container-padding;
  }

  .btn-apply-container {
    margin-top: $container-padding;
    text-align: right;

    &.no-margin {
      margin-top: 0;
    }
  }

  .operator-text {
    max-width: 40px;
    flex: 1;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
  }
}

.filters-select2-dropdown {
  z-index: 9999;
}

Use more responsive width logic
9397: Use more responsive width logic
