<commit_before>.js-enabled select.typeahead{
  @extend .visuallyhidden;
  width: auto !important;
}

.typeahead.fixedwidth{
  width: 330px;
}

//autocomplete styling
.tt-menu {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  max-height: 220px;
  overflow-y: scroll;
}

@media (min-width: 641px){
  .tt-menu {
    width: 50%;
  }

  .js-block{
    .tt-menu{
      width: 100%;
    }
  }

}
.tt-hint{
  opacity: 0.6 !important;
}

.tt-suggestion {
  padding: 0.5em;

  &:hover,
  &.tt-cursor {
    color: #fff;
    background-color: #0097cf;
  }
<commit_msg>hot fix on auto complete width<commit_after>.js-enabled select.typeahead{
  @extend .visuallyhidden;
  width: auto !important;
}

.typeahead.fixedwidth{
  width: 330px;
}

//autocomplete styling
.tt-menu {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  max-height: 220px;
  overflow-y: scroll;
}

@media (min-width: 641px){
  .tt-menu {
    width: 50%;
  }

  .js-block, #offence{
    .tt-menu{
      width: 100%;
    }
  }

}
.tt-hint{
  opacity: 0.6 !important;
}

.tt-suggestion {
  padding: 0.5em;

  &:hover,
  &.tt-cursor {
    color: #fff;
    background-color: #0097cf;
  }

{'fraction_non_alphanumeric': 0.1642675698560542, 'fraction_numerical': 0.04403048264182896, 'mean_word_length': 2.682242990654206, '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': '519039', 'n_tokens_mistral': 544, 'n_tokens_neox': 485, 'n_words': 102}