JSFiddle - React, Tailwind, and code Playground

by Kitana

HTML

<div>
   <div class="little-trick">
      <div class="big-block"></div>
    </div> 
 </div>

CSS

.little-trick::-webkit-scrollbar {
    width: 16px;
}
.little-trick::-webkit-scrollbar-track {
    background: white; 
}

.little-trick::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: gray;
    box-shadow: inset 0 0 0 4px white;
}

.little-trick {
  width: 250px;
  height: 300px;
  overflow-y: auto;
  border: dashed 1px red;
}

.flex {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  width: 100%;
}

.flex>div {
  margin-right: 40px;
}

.big-block {
  height: 500px;
  background-color: lightpink
}