JSFiddle - React, Tailwind, and code Playground

by butwhy

HTML

<div class="wrapper">
  <div class="scollable_content" />
</div>

CSS

.scollable_content {
  width: 200px;
  height: 400px;
  background-color: pink;
}

.wrapper {
  position: relative;
  width: 200px;
  height: 100px;
  overflow: auto;
}

.wrapper::-webkit-scrollbar {
  width: 15px;
  overflow-x: auto;
  background: #d71212;
}

.wrapper::-webkit-scrollbar-thumb {
  width: 15px;
  overflow-x: auto;
  background: #32ba49;
}