JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container pink">
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <div class="buttons">
        <button>ok</button>
        <button>cancel</button>
    </div>
</div>

<div class="container tomato">
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <div class="buttons">
        <button>ok</button>
        <button>cancel</button>
    </div>
</div>

CSS

.container{
    height: 200px;
    overflow-y: scroll;
    position: relative;
    margin-top: 20px;
}

.buttons{
    position: absolute;
    bottom: 0;
}

.pink{
    background: pink;
}

.tomato{
    background: tomato;
}
}