Pointy borders

[zero_to_one]

Hey there,
my borders look pointy on one end thats weird http://prntscr.com/ni8j79
how can this be stopped?
thanks for your help!

[ruenel]

Hi @zerotoone.de,

Thanks for posting in! Please understand that the borders intersect in a 45-degree angle. If you do not want to see any angle and have it horizontal instead, I would highly recommend that you place the borders separately. In your case, the right border would be in the button element and then the bottom margin will be on the list item. You can check out this custom css to demonstrate what I mean:

.x-tabs-list li {
    border-bottom: solid 4px green;
}

.x-tabs-list li button.x-active {
    border-right: solid 4px red !important;
    border-bottom: none !important;
}

We would love to know if this has worked for you. Thank you.