Tab label and indicator alignment issue with Flet >= 0.12

[girip11]

When I use the Tabs snippet from this link with flet 0.10 or 0.11, it renders as shown in the snippet page. But the same snippet when used with Flet >= 0.12 onwards renders with the first tab label misaligned.

This is the snippet I used.

import flet as ft

def main(page: ft.Page):

    t = ft.Tabs(
        selected_index=1,
        animation_duration=300,
        tabs=[
            ft.Tab(
                text="Tab 1",
                content=ft.Container(
                    content=ft.Text("This is Tab 1"), alignment=ft.alignment.center
                ),
            ),
            ft.Tab(
                tab_content=ft.Icon(ft.icons.SEARCH),
                content=ft.Text("This is Tab 2"),
            ),
            ft.Tab(
                text="Tab 3",
                icon=ft.icons.SETTINGS,
                content=ft.Text("This is Tab 3"),
            ),
        ],
        expand=1,
    )

    page.add(t)

ft.app(target=main)

Output in Flet 0.10.3 or 0.11.0. This is what is also expected.

Output in Flet >=0.12.x onwards including 0.14.0

Operating system:

Additional environment details:
Python version 3.11.5

[indigo360]

Confirm that I'm seeing the same problem here, the tabs have shifted to the right for me as well in later felt builds

In earlier builds the tabs were correctly aligned

[FeodorFitsner]

Implement https://api.flutter.dev/flutter/material/TabBar/tabAlignment.html with start as default when scrollable=True.

[girip11]

Thanks for addressing this swiftly!

[7576457]

there is a software option to move the tabs slightly to the right. For example, to have a button on the left, or some kind of container, or an icon. I used this bug as a feature and I really liked it, how can I repeat it now in an official way? :)