How to get rid of underlined dropdown menus when viewing mobile menu from home page?

Hi!

When viewing my mobile menu while on the home page, "Medical dermatology" and "Cosmetic dermatology" are both underlined even though they are not active pages and aren't even clickable pages. When viewing the mobile menu on any page other than the home page, they aren't underlined which is how I would like it to be. 

Does anyone know how to help fix this? Thank you in advance!

site: https://brannata-dermatology.squarespace.com/

password: bd

I also just noticed that when viewing any of the dropdown menu pages under "medical dermatology", the "Medical Dermatology" underline is spanning the same width as the dropdown menu "box area". I had do adjust the min-width of medical dermatology using this code: 

.header-nav-item:nth-child(1) {
  min-width: 295px!important;
}

because previously the dropdown menu wasn't wrapping the text properly so I just extended the box instead.

If anyone could help me solely target the nav menu underline dimensions I would appreciate it too. 

thank you so much!