/* ancho del aside */
:root{ --aside-w: 250px; --header-h: 64px; } /* ajusta header si difiere */

.app-sidebar{
  position: fixed;               /* queda pegado */
  top: var(--header-h);
  bottom: 0;
  left: 0;
  width: var(--aside-w);
  overflow-y: auto;              /* <-- scroll */
  overflow-x: hidden;
}

/* desplaza el contenido para que no quede debajo del aside 
.app-content, .main-content, .content-area, .page {  
  margin-left: var(--aside-w);
}
*/

/* opcional: scrollbar fino */
.app-sidebar::-webkit-scrollbar{ width:8px }
.app-sidebar::-webkit-scrollbar-thumb{ background:#c9cce6; border-radius:8px }