Bundled css is causing empty content when defining customArrow

[olaplassen]

Hi,
I am defining a custom arrow but getting and white outline box above the arrow icon. (See attacthed screenshot)
It looks like it comes from some bundled css definition. See screenshot below.

.icon_down_dir:before {
    content: "\e803";
}

Defined custom arrow as follow:

showArrow={true}
customArrow={<img src={dropDownIcon} alt="" />}

Does anyone know if there is a workaround for this?

[paniTani]

Hi @olaplassen.

I added
showArrow customArrow={true}

and then restyle content prop with proper image via content: url(...):
e.g.
.icon_down_dir::before { content: url("arrow.svg"); }

This approach works for me.