@media (min-width: 901px) {
  .sideNav {
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.32) transparent;
  }

  .sideNav::-webkit-scrollbar {
    width: 7px;
  }

  .sideNav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.28);
    border-radius: 999px;
  }
}

@media (max-width: 900px) {
  .sideNav {
    overflow-x: auto;
    overflow-y: hidden;
  }
}