JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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