Нижний вид навигации выглядит ужасно

Question

Я пытаюсь реализовать нижний вид навигации, он отображается, но выглядит ужасно, я не могу понять почему. Я хочу, чтобы было отображено три элемента.

вот что показано в моем приложении

Вот действие:

public class HomeActivity extends AppCompatActivity {

NavController navController;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_home);


}
}

Файл макета

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context=".view.MainActivity">

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    app:menu="@menu/bottom_menu"/>
</RelativeLayout>

и зависимости:

dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])

implementation 'androidx.appcompat:appcompat:1.1.0'
implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
implementation 'com.google.firebase:firebase-auth:16.0.5'
implementation 'com.google.firebase:firebase-database:16.0.4'
implementation 'com.google.android.material:material:1.1.0'
implementation "androidx.navigation:navigation-fragment:2.3.0-alpha06"
implementation "androidx.navigation:navigation-ui:2.3.0-alpha06"
implementation 'androidx.legacy:legacy-support-v4:1.0.0'
implementation 'com.google.android.material:material:1.2.0-alpha06'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'androidx.test.ext:junit:1.1.1'
androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
}

Я не делал никаких изменений в теме приложения

редактировать:

файл меню:

<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
   android:id="@+id/home"
   android:title="Home"/>

<item
    android:id="@+id/social"
    android:title="Socia"/>

<item
    android:id="@+id/search_user"
    android:title="Search User" />

</menu>