[URGENT] Why Is There A Black Underline On My Dropdown Menu

[AryavK]

Hi Support Team!

I have a huge problem, can anyone tell me WHY there is there a black line under my dropdown menu even when I added this code: 

.header__menu-item:hover span, .header__active-menu-item {
    text-decoration: none;
}

and:

.header__active-menu-item {
text-decoration: none;
}

So when I hover on a normal menu it looks like this (zoomed in):

But when I hover on dropdown it has this:

 

A BLACK UNDERLINE AND WHITE! I ONLY WANT WHITE!
@Dan-From-Ryviu , @Vortifytech , @BSS-Commerce , @Abdosamer , @KetanKumar , @GemPages , @PageFly-Henry , @PageFly-Theodor , @PageFly-Victor , @PageFly-Oliver 

Store URL: www.faithandyou.in

Theme: Dawn

Thanks!

[AryavK · Accepted solution]

NVM! 

Just Add this code to the base.css file

.header__menu-item:hover span{
text-decoration-color: #FFF2D7;
text-decoration-thickness: 1px;
}
.header__menu-item span{
text-decoration-thickness: 1px;
text-decoration-color: #FFF2D7;
}
details[open]>.header__menu-item{
text-decoration-thickness: 1px;
text-decoration-color: #FFF2D7;
}
.header__submenu .header__menu-item:hover{
text-decoration-thickness: 1px;
text-decoration-color: #FFF2D7;
}