Font size and padding/margins change when I publish my website

Hi everyone, I could use your help with this issue because I can't figure what is wrong for the life of me. I have attached two screenshots: one is from the editing preview on squarespace, and the other is how the actual website looks when it's published. 

If you check out the screenshots, you'll see that the text size, margins, padding etc looks very different. When I publish the website, the paragraph font is much smaller and the padding/margins between the paragraph and the keywords below it is huge. I don't know how to fix this, as this huge spacing gap is not visible when I edit the website. Btw this happens on desktop preview only. Any tips? 

My website URL is https://www.marianikolistudio.org/ 

It is a common problem..

Try adding this to Design > Custom CSS

.fe-63b7d56e305e9550c0a682e8 {
    --row-height-scaling-factor: 0.0165;
}

On 1/8/2023 at 2:33 AM, tuanphan said:

It is a common problem..

Try adding this to Design > Custom CSS

.fe-63b7d56e305e9550c0a682e8 {
    --row-height-scaling-factor: 0.0165;
}

 

Hi there, I tried it but unfortunately, nothing changed. If you have anything else in mind on how to solve this, let me know.