The text link element fails to set gap between the SVG icon and the link. For some reason, the 5-pixel system gap has a higher priority and it is not possible to redefine it.
Hi,
Thanks so much for your report!
Unfortunately, I cannot reproduce the issue. Without a live link, I can only guess: It’s probably because of the loading order (the specificity is the same, so the class that comes later overrides your custom class). Where and how did you define the custom class?
Best regards,
timmse
Hi,
Thanks for the link/access data.
As already guessed, it’s because of a known issue with the CSS loading order/duplicated styles.
Your custom class styles load first, but other styles (that define the .brxe-text-link default gap) are loaded way more down, overriding your custom gap. Since it’s a single class vs single class battle, both have the same specificity.
I chained your custom class to .brxe-text-link to make it more specific, which solves the issue for now:
%root%.brxe-text-link {
gap: var(--jt-gap-2xs);
}
We’ll update this thread as soon we have a fix for the loading order/style duplicate issue: