androidアプリ kotlin BottomNavigationView 謎の空間

BottomNavigationViewの画像の黄色い部分を削除する方法を教えてください。

AndroidStudioのプレビューではこの空間は表示されません

kts

1implementation("androidx.navigation:navigation-runtime-ktx:2.7.7")2implementation("androidx.navigation:navigation-fragment-ktx:2.7.7")3implementation("androidx.navigation:navigation-ui-ktx:2.7.7")

xml

1<com.google.android.material.bottomnavigation.BottomNavigationView2 android:id="@+id/bottomNavView"3 android:layout_width="match_parent"4 android:layout_height="wrap_content"5 app:layout_constraintBottom_toBottomOf="parent"6 app:layout_constraintEnd_toEndOf="parent"7 app:layout_constraintStart_toStartOf="parent"8 app:menu="@menu/menu_bottom_nav" />

xml

1<?xml version="1.0" encoding="utf-8"?>2<menu xmlns:android="http://schemas.android.com/apk/res/android">3 <item4 android:id="@+id/navigation_search"5 android:icon="@drawable/search"6 android:title="Search" />7 8 <item9 android:id="@+id/navigation_settings"10 android:icon="@drawable/settings"11 android:title="Settings" />12</menu>