I have a container with overflow-y: auto, and I want it to look like this:

But it looks like this:

I don't know if you can see it but in the second image the scrollbar comes outof the container. I want to keep it inside but I don't know how.

This is my code:

::-webkit-scrollbar {
    width: 0.5em;

    &-track {
        background-color: transparent;
    }

    &-thumb {
        border-radius: 50vh;
        background-color: #c0c0c0;
    }
}