Полосы прокрутки имеют несовместимую ширину

Question

Ширина полос прокрутки отображается неправильно, правая шире. Я не уверен, какой из них не прав, но они не равны. Трудно заметить разницу, но если вы посмотрите внимательно, то увидите, что ширина отличается.

CSS:

.scrollbar {
    overflow-y: auto;
    /* width */
    &::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    &::-webkit-scrollbar-track {
    }
    /* Handle */
    &::-webkit-scrollbar-thumb {
        background: #ccc;
    }
    /* Handle on hover */
    &::-webkit-scrollbar-thumb:hover {
        background: #888;
    }
}