tab icons not filling full width

Question

I tried several solutions but nothing worked. The tab bar doesn't fill the width of the parent on some devices. It works fine on devices like Samsung Tab 2 and doesn't work on devices like pixel 2(Like the image attached).

<android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabTextAppearance="@style/MyTabLayoutTextAppearance"
        app:layout_constraintBottom_toBottomOf="parent"
        app:tabIndicatorColor="@color/colorBackground"
        app:tabMode="scrollable"
        app:tabMaxWidth="0dp"
        app:tabGravity="fill"
        app:tabSelectedTextColor="@color/colorPrimary"
        />

`

Answer 1

Usefixed tabMode instead of scrollable

app:tabMode="fixed"