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.