JSFiddle - React, Tailwind, and code Playground

HTML

<p id='bioSection' class='text-left'> <i class="fa fa-info-circle" aria-hidden="true"></i> Bio: 
        This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. This is a long bio with lots of cool info. 
        
        
        </p>

CSS

#bioSection{

    overflow: scroll;
    height: 100px;
    overflow: -moz-scrollbars-vertical!important; 
    overflow-y: scroll!important;

}