.table-container {
    overflow-x: scroll;
}

table {
    border-spacing: 0px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}

thead {
    background-color: #252525;
}

th {
    font-weight: 400;
    text-align: left;
}

th, td {
    padding: 12px;
    border-left: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
}




/* width */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #252525;
  border-radius: 999px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #333333;
}