JSFiddle - React, Tailwind, and code Playground

HTML

<div class="scroll">
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
sdaf<br/>
</div>

CSS

.scroll{
  background-color:green;
  width:100px;
  height:200px;
  overflow:scroll;
}
.scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}