Center Text in Navigation

Site URL: https://marksantiagodesigns.com

Hello,

I was attempting to add an underline to the top navigation links, but I encountered to minor edits I haven't quite been able to make adjustments to.

I am currently using this CSS:

.nav-item.active {
    border-bottom: 2px solid currentColor;
}

However, the individual project pages do not have underlines and the text is not centered above the underlines. Is there any way to make this change to the individual navigation links?

Thank you!

Use this CSS to insert underline

.nav-item.active span:after {
    content: "";
    display: block;
    background: white;
    height: 1px;
    width: 95%;
    margin-top: 10px;
}