JSFiddle - React, Tailwind, and code Playground

HTML

<aside id="left-panel">
			
			<div class="login-info">
				<span> 
					My info
					
				</span>
			</div>


			<nav>

				<ul>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a href="#">item</a>
					</li>
					<li class="">
						<a...

CSS

#left-panel {
    position:fixed;
    height:100%;
    top:0px;
    left:0px;
    border:1px solid red;
    width:220px;
    overflow:hidden;
}

nav {
       height:100%;
       overflow-y:auto;
       overflow-x:hidden;
       width:100%;
       padding-right: 15px;      
    }