Angular 2 + Bootstrap 4 - How do I fit the table height into a row?

Question

I am developing a meal planner application that allows user to get recipe/place order. In one of the rows of the application, I show 3 tabs as given below.

meal_planner_l