How to get flex grow to work with shadcn scroll area?

Im trying to make a scroll area use flex grow so as to be the available height of the parent.

<div className="w-4/5 px-[3%] flex flex-col flex-grow"><Navbar /><div className="flex flex-grow py-4 gap-x-4 items-start"><ScrollArea className="w-3/5 flex flex-col gap-y-4"><Stage /><SoldItems /><MyItems /></ScrollArea><BidStream /></div><UserProfileData /></div> 

I tried some hacky stuff like h-[0px] but that didnt seem to work. The scroll area never scrolls but instead all the data is slapped on the screen.