.ux-side-nav {
    > .nav > li {
        > a {
            border-radius: 3px;
            color: $ias-dim-gray;
            font-size: 15px;
            font-weight: normal;
            padding: 8px 10px;
            line-height: 1.2em;

            // Keeps things looking right when icons are present
            display: flex;
            align-items: baseline;

            &:hover {
                background-color: $ias-panel-gray;
                color: $ias-dark-gray;
            }

            > .nav-icon + .nav-title {
                margin-left: 10px;
            }
        }

        &.active > a {
            background-color: $ias-panel-gray;
            color: $ias-dark-gray;
            font-weight: 600;
            letter-spacing: .25px;
        }
    }
}