<commit_before>.query-results-table {
  background-color: $white;
  padding: $pad-base;
  max-width: 100%;
  box-sizing: border-box;

  &__export-btn {
    float: right;
  }

  &__filter-icon {
    &--is-active {
      color: $brand;
    }
  }

  &__progress-details {
    display: inline-block;
    width: 378px;
  }

  &__table-wrapper {
    border: solid 1px $accent-dark;
    border-radius: 3px;
    box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.12);
    overflow: scroll;
    margin-top: 20px;
    max-height: 550px;
  }

  &__table {
    border-collapse: collapse;
    color: $text-medium;
    font-size: $small;
    width: 100%;
  }

  thead {
    background-color: $bg-medium;
    color: $text-ultradark;
    text-align: left;

    th {
      padding: $pad-small $pad-xsmall;
      min-width: 125px;
    }

    .input-field {
      width: 100%;
    }
  }

  tbody {
    background-color: $white;
    // height: 550px;
    // min-width: 100%;
    // overflow: auto;
    // display: inline-block;

    td {
      padding: $pad-xsmall;
      // min-width: 125px;
    }

    tr {<commit_msg>Prevent query table headers from overflowing (#1094)<commit_after>.query-results-table {
  background-color: $white;
  padding: $pad-base;
  max-width: 100%;
  box-sizing: border-box;

  &__export-btn {
    float: right;
  }

  &__filter-icon {
    &--is-active {
      color: $brand;
    }
  }

  &__progress-details {
    display: inline-block;
    width: 378px;
  }

  &__table-wrapper {
    border: solid 1px $accent-dark;
    border-radius: 3px;
    box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.12);
    overflow: scroll;
    margin-top: 20px;
    max-height: 550px;
  }

  &__table {
    border-collapse: collapse;
    color: $text-medium;
    font-size: $small;
    width: 100%;
  }

  thead {
    background-color: $bg-medium;
    color: $text-ultradark;
    text-align: left;

    th {
      padding: $pad-small $pad-xsmall;
      min-width: 125px;

      span {
        white-space: nowrap;

        .kolidecon {
          margin-right: 5px;
        }
      }
    }

    .input-field {
      width: 100%;
    }
  }

  tbody {
    background-color: $white;

    td {
      padding: $pad-xsmall;
    }

    tr {
{'fraction_non_alphanumeric': 0.14382632293080055, 'fraction_numerical': 0.035278154681139755, 'mean_word_length': 1.9731182795698925, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2557934', 'n_tokens_mistral': 923, 'n_tokens_neox': 813, 'n_words': 174}