@media only screen and (min-width:400px) {
    ::-webkit-scrollbar {
        width: 12px;
        height: auto;
    }

    ::-webkit-scrollbar-button {
        width: 0px;
        height: 0px;
    }

    ::-webkit-scrollbar-thumb {
        border: 2px solid #f1f1f1;
        border-radius: 50px;
        background: #5e029e;
    }

    ::-webkit-scrollbar-track {
        background: #f1f1f1;
        border: 0px none #ffffff;
    }

    ::-webkit-scrollbar-thumb:hover,
    ::-webkit-scrollbar-thumb:active {
        background: #440074;
    }

    ::-webkit-scrollbar-corner {
        background: transparent;
    }

    html,
    body {
        scrollbar-color: #5e029e #f1f1f1;
        scrollbar-width: thin;
    }

    .sidebar-scroll::-webkit-scrollbar {
        width: 9px;
    }
}