FxFlex When I center horizontally, vertically and customize the width of the div content is squashed

Question

I have centered a mat card vertically and horizontally but the content is squashed. I want to customize the width to 50% for example but the element has a style automaticall