@media (max-width: 768px) {
    /* Aquí ajustamos los estilos para pantallas pequeñas */
    .sidenav {
        padding: 10px; /* Agrega el padding que consideres necesario */
    }
    .nav-link {
        font-size: 12px; /* Ajusta el tamaño de fuente para que se adapte mejor */
    }
    .navbar-brand {
        /* Aquí puedes ajustar el logo o el título para que se vea bien en pantallas pequeñas */
        display: none; /* Por ejemplo, puedes ocultarlo en pantallas pequeñas */
    }
}

.nav-link {
    display: flex;
    flex-direction: row;
    align-items: center; /* Esto alineará verticalmente el contenido en el centro */
}

.nav-link .material-icons {
    width: 24px; /* O el tamaño que prefieras */
}