.default-layout-side-inline #layout-sidenav-2 {
    width: 200px!important;
}

@media (min-width: 768px) {
    .default-layout-side-inline {
        grid-template-columns: 200px 1fr!important;
    }
}

#layout-sidenav-2 > div > nav > div > div > a {
    padding: 5px 10px;
    margin: 5px 5px 5px 0;
}

nav.sidemenu-item-child ul.sidemenu-item-child-menu > li > a {
    padding: 10px;
    margin: 5px 0 5px 15px;
    max-width: -webkit-fill-available;
}

.control-scrollbar > .scrollbar-scrollbar {
    z-index: 90!important;
}

nav div.sidemenu-item > div:not(.bg-primary) a img {
    filter: grayscale(1);
}