Violino

estou usando::-webkit-scrollbar para criar uma barra de rolagem personalizada no Chrome. eu tenho umborder-radius: 10px e fazendo isso, há cantos brancos no topo:

Desculpe, é meio difícil de ver, já que é uma barra de rolagem.

Eu quero que os cantos sejam da mesma cor que o div do cabeçalho (#dadae3). Existe alguma maneira de se livrar dos cantos brancos usando CSS apenas, sem alterar os estilos da barra de rolagem?

CSS (inteiro):

body {
  padding: 0;
  margin: 0
}
::-webkit-scrollbar {
  width: 13px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #aeaeb5
}
::-webkit-scrollbar-thumb {
  background: #dadae3;
  border-radius: 10px;
  border: 1px solid #aeaeb5
}
::-webkit-scrollbar-thumb:hover {
  background: #c4c4cc
}
::-webkit-scrollbar-thumb:active {
  background: #aeaeb5
}

HTML:

<div style='background: #dadae3; width: 100%; height: 30px;'></div>
<div style='width: 100%; height: 1000px'></div>