I have a page created with Tailwind that loads a data table at the bottom left of the page. However, this is overflowing quite a bit and ideally I would like it to fit into the available space and scroll from that point.

In this case, adjust the size to fit the bottom left corner (the browser viewport is the dotted box). The two panels on the left are contained within the red div.

How can I make sure the bottom left pane never overflows below the browser viewport?