How to increase height of cdk-view-port in Modal?

Question

So currently I have a table using the angular *cdkVirtualFor

                  *cdkVirtualFor="
                    let info of observable | async;
                    index as i;
                    templateCacheSize: 50
                  "

And I have css and everything where I can see all the data in that table.

But when i but that same table in a bootstrap modal I can only see 10 of the 15 total items in the table. I have no idea why. I have added max-height classes to 100% and nothing happens. But again if it is not in the modal it shows all 15.

How can I increase or set it up where it can show all the data in the modal.