Solved extra spaces in the beginning of button and fullwidth header

Hi,

I am developing this website http://collins.webgraphity.com for my client.
We are seeing a problem with the homepage and other pages where we are using the same element.

I attached the screenshot of the elements that looks like left aligned and there is extra spaces in the beginning of the text.

This was seen using an Iphone SE screen which is mine. My client is seeing this version also on his phone. His phone is iphone 6S. But on other mobiles, we are not seeing this and it is working fine. I tested it in Huawei P9 all is good.

I even tried to add a new button to replace the current one on the CTA. I noticed that when I add a border radius the buttons text alignment became like that.

For the top of the homepage, I am using a full width header element and all of the settings set there is center aligned.

I am not sure if it has something to do with the divi ultimate plugin or the theme.
The theme just got the new update with the fixes with the spaces. Can you check if it has something to do with the divi ultimate? I am using the construction set-up here.
Could you help us fix the issue please?

Regards,
Nikki

 

Thank you for your quick reply.
I was able to make a temporary fix.

I added this PER PAGE.
.header-content h1 {
text-align: center;
display: table !important;
margin: 0 auto;
}
a.et_pb_more_button.et_pb_button.et_pb_button_one , .et_pb_column .ctabutton {
text-align: center !important;
display: table !important;
margin: 0 auto;
}

I tried pasting this in general option custom CSS so I don't need to paste it per page. For some reason it is not working even though I have the !important on the code. Looks like it is not prioritized when I added it there.