Link has underline even with text-decoration: none !important

I am working on a project for a friend. They use Material Design Bootstrap for their site. Its currently behind a wall, otherwise I would just show you the issue.

The problem is the dropdown menu appears to display an underline as part of the links, this does not appear to happen on the mdbootstrap.com site though.

I've even added text-decoration: none !important; as part of the styles on the achor element.

<a class="dropdown-item" href="/u/rmcintosh" style="
    text-decoration: none !important;
">My profile</a>


I've included an image of all of the computed styles as according to the browser. I've also included a picture of the Element in the dev console to show it does not have an :after that might be adding it.

The weird thing is, I can do text-decoration-line: overline; and I will get both the underline and overline?
image.png
image.png
image.png
image.png
Was this page helpful?