cdk-virtual-scroll-viewport doesn't render correct amount of items

Question

I am creating an Angular app for an imaginary supermarket (personal learning project) and I have in my db around 5000 products that I want to load in my app with an infinite scr