.account-bar {
  grid-template-columns: 1fr minmax(220px, 320px) auto auto;
}

.mapping-grid {
  grid-template-columns: repeat(6, 1fr);
}

#exportErrorsButton b {
  display: inline-grid;
  min-width: 19px;
  height: 19px;
  margin-left: 5px;
  padding: 0 5px;
  place-items: center;
  border-radius: 10px;
  background: #d71f2b;
  color: #fff;
  font-size: 10px;
}

.table-footer > div {
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (max-width: 1120px) {
  .account-bar {
    grid-template-columns: 1fr minmax(220px, 320px) auto;
  }

  #mappingButton {
    grid-column: 1 / -1;
  }

  .mapping-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 650px) {
  .account-bar,
  .mapping-grid {
    grid-template-columns: 1fr;
  }

  #mappingButton {
    grid-column: auto;
  }

  .table-footer > div {
    display: grid;
    grid-template-columns: 1fr;
  }
}