.planner-courses {
  min-height: 0;
  height: calc(100vh - 220px);
  max-height: calc(100vh - 220px);
  overflow: hidden !important;
}

.course-list {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.course-list > .dept-block {
  flex-shrink: 0;
}

@media (max-width: 1050px) {
  .planner-courses {
    height: 700px;
    max-height: 700px;
  }
}

@media (max-width: 600px) {
  .planner-courses {
    height: 700px;
    max-height: 700px;
  }
}