wojtekpanek_code

[brazen folio]

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1427586647427645481

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

[autumn yarrow]

as you can see in Shipping section everything works fine but Phone input and Card inputs (and some others) are missaligned

[dusty trail]

👋 Hi there! Let me take a look

Do you have a page that you can share, or more of your theme?

I tried briefly reproducing with those settings, but didn't see a vertical misalignment

[autumn yarrow]

you can check it here: https://dawid-shop.staging.fourthwall.com/checkout/ch_qpw3lU8YRP-l0NDKI0yHTw

or here is my whole appearance config:

I'm using custom fonts, maybe that's the problem? 🤔

[dusty trail]

Thanks for sharing the page!

[autumn yarrow]

here is my fonts config:

[
    {
        "src": "url(https://themes.staging.fourthwall.com/themes/fonts/woff2/suisse_intl_n4.woff2)",
        "family": "\"Suisse Intl\"",
        "style": "normal"
    }
]

[dusty trail]

If I copy the entire theme setup, I'm unable to reproduce that here… but yeah, it's possible that I'm not loading the custom font

[autumn yarrow]

maybe certain browser problem? I'm using Chrome on iOS

I've quickly removed font settings on my local environment and still got the same results:

[dusty trail]

Yeah, I think I can see the same issue now, even without the custom font

Let me see what I can find

[autumn yarrow]

thank you, appreciate it!

[dusty trail]

It looks like it comes from the .AccordionItem.LineHeight

I'm not sure exactly why that should be the case

But removing that lineHeight seems to fix things

[autumn yarrow]

oh, thank you so much, you are right!

I'm not sure that setting lineHeight there is even needed, I'll remove it and test it out

any chance to fix the Phone number input as well? now it's the only one that stands out

[dusty trail]

Hm. Let me take a quick look

[autumn yarrow]

removing lineHeight from all the inputs seems to do the trick

I think I can work with paddings instead and set height of the input that way

[dusty trail]

Alright, sounds good!

[autumn yarrow]

thank you so much for your help, appreciate it a lot!

[dusty trail]

You're welcome 🙂