JSFiddle - React, Tailwind, and code Playground

HTML

<div id="libraryView">
    <article id="libraries">Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>Test
        <br/>
    </article>
    <footer>
        <button id="libraryAdd">Add</button>
        <button id="libraryBack">Back</button>
    </footer>
</div>

CSS

html,
body {
  height: 98%;
}
#libraries {
  background-color: #E6E6E6;
  max-height: 90%;
  overflow: auto;
}
#libraryView {
  background-color: #A6A6A6;
  height: 100%;
}