<commit_before>.section-sub-container--checking,
.section-sub-container--checking-available {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: -30;
}

.section-sub-container {
  background: white;
}

.loading {
  display: inline-block;
  margin: 0 auto;
}

.section-heading--extra-margin {
  margin: 20px 0 !important;
}


.section-heading {
  font-size: 22px;
  text-align: center;
  padding: 14px 0 9px;
  font-weight: 500;
  margin: -32px 0 0;
}

.stored-wifi-list, 
.available-wifi-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 89%;
  height: 280px;
  /*overflow-y: hidden;*/
  overflow-y: scroll;
}

.stored-wifi-list li,
.available-wifi-list li {
  height: 56px;
  border-bottom: .5px solid gray;
}

.stored-wifi-list li img,
.available-wifi-list li img{
  float: left;
}

.stored-wifi-list li span,
.available-wifi-list li span {
  line-height: 56px;
  vertical-align: middle;
  float: left;
  padding: 0 17px;
  font-size: 20px;
  width: 656px;
  overflow: hidden;
  height: 56px !important;
}

.section-sub-container__button-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 15px 0 0;
}

.msg {
  height: 280px;
  text-align: center;
  font-size: 22px;
  line-height: 280px;
  vertical-align: middle;
}

button:hover {<commit_msg>style-fix: Fix the issue with the items in the list<commit_after>.section-sub-container--checking,
.section-sub-container--checking-available {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: -30;
}

.section-sub-container {
  background: white;
}

.loading {
  display: inline-block;
  margin: 0 auto;
}

.section-heading--extra-margin {
  margin: 20px 0 !important;
}


.section-heading {
  font-size: 22px;
  text-align: center;
  padding: 14px 0 9px;
  font-weight: 500;
  margin: -32px 0 0;
}

.stored-wifi-list, 
.available-wifi-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 89%;
  height: 280px;
  overflow: hidden;
  /*overflow-y: hidden;*/
  overflow-y: scroll;
}

.stored-wifi-list li,
.available-wifi-list li {
  height: 56px;
  border-bottom: .5px solid gray;
}

.stored-wifi-list li img,
.available-wifi-list li img{
  float: left;
}

.stored-wifi-list li span,
.available-wifi-list li span {
  line-height: 56px;
  vertical-align: middle;
  float: left;
  padding: 0 17px;
  font-size: 20px;
  /*width: 656px;*/
  width: 600px;
  overflow: hidden;
  height: 56px !important;
}

.section-sub-container__button-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 15px 0 0;
}

.msg {
  height: 280px;
  text-align: center;
  font-size: 22px;
  line-height: 280px;
  vertical-align: middle;
}

button:hover {
{'fraction_non_alphanumeric': 0.14696058784235136, 'fraction_numerical': 0.041750167000668005, 'mean_word_length': 3.284692417739628, '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': '3813394', 'n_tokens_mistral': 1267, 'n_tokens_neox': 1149, 'n_words': 281}