Scrollbar, how to get rid of twitching?

Question

css

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;
}

My scrollbar appears on hover, but because of this, the block starts to twitch, I understand that I need to come up with something with an indent, I try, but nothing comes out.