# DUPLICATE: Problem with gap in the text link element

**URL:** <https://forum.bricksbuilder.io/t/duplicate-problem-with-gap-in-the-text-link-element/21640>\
**Category:** Bugs\
**Tags:** v1-9-7-1\
**Created:** [April 7, 2024, 11:26am UTC](https://forum.bricksbuilder.io/t/duplicate-problem-with-gap-in-the-text-link-element/21640 "2024-04-07T11:26:26Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![parktechno](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/p/7feea3/32.png) [@parktechno](https://forum.bricksbuilder.io/u/parktechno)\
**Post date:** [April 7, 2024, 11:26am UTC](https://forum.bricksbuilder.io/t/duplicate-problem-with-gap-in-the-text-link-element/21640/1 "2024-04-07T11:26:26Z")

</div>

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.

![Screenshot_1](https://forum.bricksbuilder.io/uploads/default/original/3X/e/a/eae8bb242f94e801ec16eab542becc6d396bfb38.jpeg)

 ![Screenshot_2](https://forum.bricksbuilder.io/uploads/default/original/3X/4/3/4357a757b576109dceef8cdae7766f0031c55ef6.jpeg)  
 ![Screenshot_3](https://forum.bricksbuilder.io/uploads/default/original/3X/8/6/86ec62751de81a820f6e96e00a45250b7e3e2e5f.jpeg)

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [April 8, 2024, 11:53am UTC](https://forum.bricksbuilder.io/t/duplicate-problem-with-gap-in-the-text-link-element/21640/2 "2024-04-08T11:53:17Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [April 10, 2024, 12:59pm UTC](https://forum.bricksbuilder.io/t/duplicate-problem-with-gap-in-the-text-link-element/21640/3 "2024-04-10T12:59:01Z")

</div>

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:

```auto
%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:

> [@WIP: Duplicate CSS for Classes](https://forum.bricksbuilder.io/t/wip-duplicate-css-for-classes/17609):
>
> When styling with a class the CSS gets doubled. An example of this can be seen on when looking at the classes on the product cards."

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [April 10, 2024, 12:59pm UTC](https://forum.bricksbuilder.io/t/duplicate-problem-with-gap-in-the-text-link-element/21640/4 "2024-04-10T12:59:10Z")

</div>