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...

CSS

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