Bottom borders not rounded on mobile


So I have a site where I used border bottom to create some rounded divider lines but I noticed on my iPhone the borders are not being rendered square instead of round. Anyone know what causes this and whether it can be fixed?

On desktop:

On Mobile:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi Benni,

Can you share a read-only link?

The website is:

Hi @bbmettler,

A share link will help us review your project and provide better answers for you. You can find out how to provide a share link here:

TIA, Brandon

1 Like

Here you go:

I think that the iPhone engine is rendering a dotted border this way…

This article mentions browsers and not OS, nevertheless, I believe that is the issue.

Solution- Use SVG? could be also inline SVG

1 Like

Cool that should work. Thanks for your help!

1 Like