.sidebar {
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.sidebar nav {
  flex: 0 0 auto;
}

@media (max-width: 650px) {
  .sidebar {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-gutter: auto;
  }

  .sidebar nav {
    width: max-content;
    min-width: 100%;
    justify-content: flex-start;
  }

  .sidebar .nav-item {
    flex: 0 0 auto;
  }
}