JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
</div>

CSS

#container{
    background-color: gray;
    position: absolute;
    top: 50px;
    bottom: 0px;
    width: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    min-width: 415px;
}

.content {
    background-color: red;
    width: 390px;
    height: 25px;
    margin: 5px;
}