Breadcrumbs won't centre text align on pages, but does on posts

I am using an element to deliver the content title, published/updated date, and also the breadcrumbs throughout the site, excluding pages where I don't want breadcrumbs e.g. home, contact, about etc.

The breadcrumbs are generated via shortcode using the rankmath SEO plugin.

In the element I have added the shortcode to a container and clicked on the container which contains the shortcode and selected centre text alignment

This doesn't seem to be having any effect on pages, but on posts, the breadcrumbs are centre aligning the way i'd like the pages to.

I would like pages to centre align the breadcrumbs too

I have added a link to a post and to a page privately

Any help would be appreciated