.tabs {
    background-color: var(--finwallapp-theme-bordercolor);
    border-radius: var(--finwallapp-rounded);
    padding: 5px;
    
    .nav-item {
        & > .nav-link {
            color: var(--finwallapp-theme-color);
            padding: calc(var(--finwallapp-padding) - 5px) var(--finwallapp-padding);
            line-height: 30px;
            border-radius: calc(var(--finwallapp-rounded) - 5px);
            text-transform: uppercase;

            &.active {
                color: var(--finwallapp-theme-text);
                background-color: var(--finwallapp-theme-color);
            }
        }
    }
}