Dotted line border doesn't match up on corners and sides

[httpJunkie]

Describe the bug
I see overlapping of dots on border-radius corners and sides which visually is not very appealing.

Props to Reproduce
Simply choose dotted as a border

Screenshots
Take a screenshot of the style in the playground

Additional context (Optional)
I know this is a tough thing to fix, I don't have a great solution, CSS tricks and StackOverflow have some ideas on using images to fix this, but I'm not sure if this is an acceptable approach.

[Metroxe]

To be honest I did discover this, and you are right. It will be tricky to solve, because those are 3 separate divs, and I need so somehow predict where the dotted lines are going to separate. I'm going to try looking into this.

[httpJunkie]

It's an issue with and without border-radius so it poses some challenges.