The website buttons look different on the live site than the editing screen

[gemmablack]

The buttons look extra large on the live site but on the edit screen they are `width:auto` and correctly proportioned.

Is there something wrong with square's styling. It has been like this for at least a week.

Here is what it looks like live:

Here's how it should look like according to the edit screen:

I've republished several times and I'm at a loss how to fix it.

Thanks for any help in advance.

[MJD]

I know you’ve said you’ve republished many times, but can I just check have you unpublished and republished? This will completely take down the site until it’s republished meaning every line of code will be refreshed

[gemmablack]

Thanks @MJD I haven't tried that. Hopefully that'll work!

[gemmablack]

That was a great idea @MJD  but it didn't work. I unpublished it, checked the site and it said 404, then published it again and it was still broken. I also did a hard-refresh in case there was some caching issue going on.

[MJD]

Hmmm… can you put the link in this thread and I’ll take a look at the site and the code to see what seems to be happening! 

[gemmablack]

Thanks @MJD I just reset the whole site to start from scratch and the problem persists.

https://www.laazaralondon.com/

[MJD]

Hmmm… I can’t seem to see which button you mean can you post another screenshot and show the exact path 

[gemmablack]

Oh yes. Here's the edit screen:

And here's the live site:

It's also gone from square to rounded. I can't think of why. Especially now I've reset the site completely.