Chartjs-Fill remaining parent height in ChakraUI

The answer I found was adding display grid to the box

 <Box h="100%" w="100%" display={"grid"}>

It works as intended now