Полоса прокрутки, как избавится от дергание?

body{
margin: 0;
overflow: hidden;
}
main{
    width: 200px;
    height: 2200px;
    background-color: #ccc;
}
.style_8::-webkit-scrollbar-track{
    border: 1px solid black;
    background-color: #F5F5F5;
}
.style_8::-webkit-scrollbar{
    width: 10px;
    background-color: #F5F5F5;
}
.style_8::-webkit-scrollbar-thumb{
    background-color: #000000;  
}
main:hover{
    overflow-y: auto;
}

У меня полоса прокрутки появляется при наведении, но из за этого блок начинает дергать, я понимаю что нужно что то с отступом придумать, пробую но не чего не выходит.