.table-container {
  overflow: auto;
}

table {
  width: 100%;
  overflow: auto;
  border-spacing: 0;
  border-collapse: collapse;

  th,
  td {
    padding: 6px 13px;
    border: 1px solid var(--smc-c-primary-light, #999);
  }

  thead th {
    font-weight: 600;
  }
}

table > tbody > tr {
  &:hover {
    background-color: rgba(var(--smc-c-primary-rgb), 0.1);
  }
}