.table-wrapper {
  position: relative;
  width: 100%;
  
  /* Bottom scrollbar */
  overflow: auto;
  height: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: var(--color-heading) var(--color-grey);

  &::-webkit-scrollbar-track {
    background-color: var(--color-grey);
    border-radius: 10px;
  }

  &::-webkit-scrollbar {
    height: 5px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: var(--color-heading);
    border-radius: 10px;
  }

  .table {
    border-collapse: collapse;
    display: table;
    overflow: auto;
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
  }
}