.item .menu-underline {
    height: 2px;
    width: 0;
    background-color: transparent;
    display: inline-block;
    transition: .3s width ease-in-out;
    position: relative;
}

.menu-underline-container{
    display: flex;
    justify-content: center;
    top: 6px !important;
    position: relative;
}

.item.active .menu-underline {
    width: 100%;
    background-color: var(--primary-color)
}