JSFiddle - React, Tailwind, and code Playground

HTML

<div id="one">
        <div id="two"></div>
</div>

SCSS

#one {
    width: 200px;
    height:200px;
    overflow: scroll;
    overflow-y: hidden;
    position: relative;
     border-right: 1px solid black;    
    
    &:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        
        content: '';

       /* border-right: 1px solid black;     */
    }
}

#wrap {
    height:100%;
    width:100%;
   
}

#two {
    width: 500px;
    height: 100%;
    background-color: rgba(37,106,83,0.5);
    
}