Ошибка Tablayout в Android неправильно отображается с цветом значка по умолчанию в tabitem

#kotlin

Вопрос:

введите описание изображения здесь

Я новичок в Android, я разрабатываю экран с помощью TabLayout и Viewpager2 Значок, отображаемый на вкладке «Главная», желтый, но при отображении на Tablayout он серый

Код пентера здесь, помогите мне найти эту проблему

 <com.google.android.material.tabs.TabLayout
    android:id="@ id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true">

    <com.google.android.material.tabs.TabItem
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:icon="@drawable/ic_gift_shopping"
        android:text="Home"/>

    <com.google.android.material.tabs.TabItem
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:icon="@drawable/ic_baseline_list_24"
        android:text="List"/>

    <com.google.android.material.tabs.TabItem
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:icon="@drawable/ic_baseline_bar_chart_24"
        android:text="Chart"/>

</com.google.android.material.tabs.TabLayout>