JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
  <li>Six</li>
  <li>Seven</li>
  <li>Eight</li>
</ul>

CSS

ul {
  list-style-type: none;
  height: 10em;
  overflow-y: scroll;
}
li {
  padding: 0.5em;
}
li:before {
  content: '☻';
}