Styling active link

https://finnskogutstillingen.squarespace.com/
password: finnskogutstillingen24

I managed to style hover underline thickness and offset, but I also want the active link to have the same style....
What am I doing wrong?
 

.header-nav-item a:hover {
    text-decoration: underline;
  	text-underline-offset: 8px;
	text-decoration-thickness: 3px;
}

.header-nav-item a:after {
    text-decoration: underline;
  	text-underline-offset: 8px;
	text-decoration-thickness: 3px;
}

@gullbekken You can add this code snippet to remove the underline on the active link:

.header-nav-item--active a {
	background-image: none !important;
}

Now you can add this code snippet to display the same style on the active link:

.header-nav-item--active a {
	text-decoration: underline !important;
	text-underline-offset: 8px;
	text-decoration-thickness: 3px;
}

That didn't work

@gullbekken It should have worked. Not sure where or how you added the code. I don't see the code being added to your site. Did you add the code under Custom CSS?

@Lesum Yup, added in the custom css.

@Lesum The underline is still thin on active. 

@gullbekken Please check the live site or reload your Squarespace editor. 

@Lesum aaah sorry, thought the changes happened live. Thank you!