How to vertically center the content section of a PrimeVue Panel?

I am using the PrimeVue Panel element and tailwind.

I want the content area to be vertically centered. I do not want the header to change, only the content area.

I have tried putting flex items-center justify-center on the inner div but it doesn't vertically center.

<Panel header="Keep This Heading Here"><div class="flex items-center justify-center">Make this vertically centered</div></Panel>

I have also tried adding it to the content class as a pass through but it still doesn't vertically center.

<Panel header="Keep This Heading" pt:content:class="flex items-center justify-center"><div>Make this vertically centered</div></Panel>

Here is a live minimal reproduction: https://stackblitz.com/edit/bqzl55-dakehh?file=src%2FApp.vue

How can I make this work?