JSFiddle - React, Tailwind, and code Playground
HTML
<div class="scroll-block">
<ul>
<li><a class="tip" href="link">Ссылка -1</a></li>
<li><a class="tip" href="link">Ссылка -2</a></li>
<li><a class="tip" href="link">Ссылка -3</a></li>
<li><a class="tip" href="link">Ссылка -4</a></li>
<li><a class="tip" href="link">Ссылка -5</a></li>
<li><a class="tip" href="link">Ссылка -6</a></li>
<li><a class="tip" href="link" title="19174">Ссылка -7</a></li>
<li><a class="tip" href="link" title="8525">Ссылка -8</a></li>
<li><a class="tip" href="link" title="2552">Ссылка -9</a></li>
<li><a class="tip" href="link" title="21537">Ссылка -10</a></li>
<li><a class="tip" href="link" title="46259">Ссылка -11</a></li>
<li><a class="tip" href="link" title="2768">Ссылка -12</a></li>
<li><a class="tip" href="link" title="3013">Ссылка -13</a></li>
</ul>
</div>
CSS
.scroll-block {
max-height: 150px;
overflow: auto;
}
.scroll-block ul {
list-style-type: circle;
}
.scroll-block a {
color: #AAA;
}
.scroll-block::-webkit-scrollbar {
width: 7px;
height: 7px;
}
.scroll-block::-webkit-scrollbar-thumb {
background: #ff8040;
}
.scroll-block::-webkit-scrollbar-thumb:hover {
background: #ff0000;
}
.scroll-block::-webkit-scrollbar-track {
background: #c0c0c0;
}