JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
	<li><a href="">Lorem.</a></li>
	<li><a href="">Ut.</a></li>
	<li><a href="">Consequatur!</a></li>
	<li><a href="">Excepturi.</a></li>
	<li><a href="">Iusto!</a></li>
	<li>
		<a href="">Ipsam.</a>
		<ul>
			<li><a href="">Lorem.</a></li>
			<li><a href="">Deserunt.</a></li>
			<li><a href="">Dolores.</a></li>
			<li><a href="">Rerum!</a></li>
			<li><a href="">Ipsa!</a></li>
			<li><a href="">Molestiae!</a></li>
			<li><a href="">Numquam.</a></li>
			<li><a href="">Officia!</a></li>
			<li><a href="">Ea.</a></li>
			<li><a href="">Iste!</a></li>
			<li><a href="">Ducimus.</a></li>
			<li><a href="">Asperiores?</a></li>
			<li><a href="">Facere.</a></li>
			<li><a href="">Eum.</a></li>
			<li><a href="">Dignissimos.</a></li>
			<li><a href="">Soluta.</a></li>
			<li><a href="">Deserunt.</a></li>
			<li><a href="">Vitae.</a></li>
			<li><a href="">Culpa.</a></li>
			<li><a href="">Dolor!</a></li>
			<li><a href="">Eos.</a></li>
			<li><a href="">Alias.</a></li>
			<li><a href="">Aperiam.</a></li>
			<li><a href="">Facilis.</a></li>
			<li><a href="">Repudiandae!</a></li>
			<li><a href="">Veritatis.</a></li>
		</ul>
	</li>
</ul>

CSS

ul ul{
    max-height:200px;
    overflow-y:scroll;
}