@media (min-width: 901px) {
  #app aside.w-\[68px\],
  #app aside {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(79, 70, 229, 0.28) transparent;
    padding-top: 12px !important;
    padding-bottom: 14px !important;
    gap: 2px !important;
  }

  #app aside::-webkit-scrollbar {
    width: 4px;
  }

  #app aside::-webkit-scrollbar-thumb {
    background: rgba(79, 70, 229, 0.28);
    border-radius: 999px;
  }

  #app aside > a:first-child {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin-bottom: 8px !important;
    flex: 0 0 auto !important;
  }

  #app aside a.nav,
  #app aside button.nav {
    min-height: 48px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    line-height: 1.12 !important;
    flex: 0 0 auto !important;
  }

  #app aside a.nav svg,
  #app aside button.nav svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 auto !important;
  }

  #app aside a.nav span,
  #app aside button.nav span {
    display: block;
    max-width: 58px;
    white-space: normal;
    word-break: keep-all;
    text-align: center;
  }

  #app aside .mt-auto {
    margin-top: 4px !important;
  }
}