Высота иконки панели вкладок с использованием собственной библиотеки реагирования

Question

Я использую встроенную навигацию, чтобы запустить приложение на основе вкладок, вот код

Navigation.startTabBasedApp({
        tabs: [
            {
                screen: "Starnote.CategoriesActivity",
                title: 'Categories',
                icon: require('../../assets/tabs/cat.png'),
                selectedIcon: require('../../assets/tabs/cat_act.png')
            },
            {
                screen: "Starnote.JobsActivity",
                title: 'Jobs',
                icon: require('../../assets/tabs/job.png'),
                selectedIcon: require('../../assets/tabs/job_act.png')
            },
            {
                screen: "Starnote.FavsActivity",
                title: 'Favourites',
                icon: require('../../assets/tabs/heart.png'),
                selectedIcon: require('../../assets/tabs/heart_act.png')
            },
            {
                screen: "Starnote.SeachActivity",
                title: 'Favourites',
                icon: require('../../assets/tabs/search.png'),
                selectedIcon: require('../../assets/tabs/search_act.png')
            },
            {
                screen: "Starnote.ProfActivity",
                title: 'Favourites',
                icon: require('../../assets/tabs/prof.png'),
                selectedIcon: require('../../assets/tabs/prof_act.png')
            }
        ],
        tabsStyle: {
            tabBarBackgroundColor: '#1f2533',
            tabBarSelectedButtonColor: '#f6a821',
        }
    })

На вкладках есть значки, но их высота больше, чем на панели вкладок. Как это исправить,вот изображение панели вкладок, созданной с помощью этого кода,