JSFiddle - React, Tailwind, and code Playground

HTML

<div class="list">
<ul>
<li> hello world </li>
<li> hello jupiter </li>
<li> hello mars </li>
<li> hello world </li>
<li> hello jupiter </li>
<li> hello mars </li>
<li> hello world </li>
<li> hello jupiter </li>
<li> hello mars </li>
</ul>
</div>

CSS

.list {
    margin: auto;
    height: 85px;
    width: 300px;
    overflow-y: scroll;
}