Tab indicator is not able to be positioned correctly as expected

Question

im using tabs for categories. Im facing issue with the indicator

the given is the expected image and what i currently get

Expected result

Current output

is there any solution so that i can get the indicator as expected. i tried using slack preferred size and all . but no solution was got.

code i use:

bottom: TabBar( isScrollable: false, tabs: [ Tab(text: LocaleKeys.all.tr), Tab(text: LocaleKeys.ranking.tr), Tab(text:LocaleKeys.special_feature.tr), ], ),