Invoice header elements run together

Happens on the business template

Was able to fix it by using custom design and changing

 .header-container {
        grid-template-columns: 1fr auto 1fr;
    }

to

 .header-container {
        grid-template-columns: 1.5fr 1fr 1fr;
    }

Which is how the header is laid out in the bold template.
Or what I did which was

.header-container {
        display: flex;
        justify-content: space-between;

which looked like this

Either way a default invoice design probably shouldn’t have overlapping elements.

Hi,

Thanks for the feedback!

cc @david