diff --git a/src/components/Tabbar/CustomTabBar.js b/src/components/Tabbar/CustomTabBar.js
index 1d4d7a8..6431fd3 100644
--- a/src/components/Tabbar/CustomTabBar.js
+++ b/src/components/Tabbar/CustomTabBar.js
@@ -137,6 +137,7 @@ class CustomTabBar extends React.Component<Props, State> {
                 onLongPress={onLongPress}
                 focused={isFocused}
                 key={route.key}
+                tabBarHeight={CustomTabBar.TAB_BAR_HEIGHT}
             />
     };
 
diff --git a/src/components/Tabbar/TabHomeIcon.js b/src/components/Tabbar/TabHomeIcon.js
index 9d3e9db..608a66e 100644
--- a/src/components/Tabbar/TabHomeIcon.js
+++ b/src/components/Tabbar/TabHomeIcon.js
@@ -4,13 +4,13 @@ import * as React from 'react';
 import {Image, Platform, View} from "react-native";
 import {FAB, TouchableRipple, withTheme} from 'react-native-paper';
 import * as Animatable from "react-native-animatable";
-import CustomTabBar from "./CustomTabBar";
 
 type Props = {
     focused: boolean,
     onPress: Function,
     onLongPress: Function,
     theme: Object,
+    tabBarHeight: number,
 }
 
 const AnimatedFAB = Animatable.createAnimatableComponent(FAB);
@@ -81,7 +81,7 @@ class TabHomeIcon extends React.Component<Props> {
                         bottom: 0,
                         left: 0,
                         width: '100%',
-                        height: CustomTabBar.TAB_BAR_HEIGHT + 30,
+                        height: this.props.tabBarHeight + 30,
                         marginBottom: -15,
                     }}
                 >