Добавление полей / отступов для реагирования на вкладки навигации приводит к переполнению содержимого

Question

labelStyle, примененное как показано ниже, вызывает разрыв сверху:

const tabNavigator = createBottomTabNavigator(
  {
    HomeStack,
    RecipesStack,
    FavoriteStack,
    ProductsStack,
  },
  {
    tabBarOptions: {
      activeBackgroundColor: '#8BC540',
      inactiveBackgroundColor: '#349746',
      activeTintColor: '#F5F4F4', // tab text color
      inactiveTintColor: '#F5F4F4',
      // This messes up the bottom bar
      labelStyle: {
        marginTop: 15,
        marginBottom: 4,
      },
    },
  }
);

Вот как это выглядит:

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