Enterprise theme: Cart bubble icon invisible

[nb12345]

When an item gets added to the cart, the cart item gets masked by what appears to be a portion of what would be a bubble to indicate an item number. The bubble is not visible and only shows background color.

I attached a screen grab of the cart icon with an added item for reference:

I found only this in the code referencing a cart count and icon bubble:

{%- if cart != empty -%}
<div class="header__cart-count absolute bg-theme-text text-theme-bg text-center">
{%- if cart.item_count < 10000 -%}
<span aria-hidden="true">{{ cart.item_count }}</span>
{%- endif -%}
<span class="visually-hidden">{{ 'sections.header.cart_count' | t: count: cart.item_count }}</span>
</div>
{%- endif -%}

It would be fantastic if someone could provide a solution so we can see the bubble and cart count. Thank you!

[GTLOfficial]

Hello @nb12345 
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->main.css
add this code at the end of the file.

div#cart-icon-bubble {
visibility: visible !important;
}

If this was helpful, hit the like button and accept the solution.
Thanks

[nb12345]

Did not work for us. Thanks.