.nav-tabs-theme {
    border-bottom: 0;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    @extend .overflow-x-auto;
    @extend .overflow-y-hidden;
    @extend .pb-2;
    @extend .gap-3;

    .nav-item {
        .nav-link {
            border-width: 0;
            @extend .text-nowrap;

            &:hover {
                border-bottom: thin solid $primary;
            }

            &.active {
                border: 0;
                border-bottom: thin solid $primary;
                color: var(--bs-primary);
            }

            &:not(.active) {
                color: var(--bs-gray-500);
            }
        }
    }
}