Fix tabbar height

1 files changed, 2 insertions, 4 deletions

diff --git a/src/routes/tabs/NavigationBar.tsx b/src/routes/tabs/NavigationBar.tsx
index c3f0b9f8..a3584f55 100644
--- a/src/routes/tabs/NavigationBar.tsx
+++ b/src/routes/tabs/NavigationBar.tsx
@@ -6,7 +6,7 @@ import {NO_NOTIFICATIONS} from '../../store/initialStates';
 import {RootState} from '../../store/rootReducer';
 import {setNotificationsReadDate} from '../../services';
 import {ScreenType} from '../../types';
-import {haveUnreadNotifications} from '../../utils';
+import {haveUnreadNotifications, isIPhoneX} from '../../utils';
 import MainStackScreen from '../main/MainStackScreen';
 import {NotificationPill} from '../../components/notifications';
 
@@ -84,9 +84,7 @@ const NavigationBar: React.FC = () => {
             backgroundColor: 'transparent',
             position: 'absolute',
             borderTopWidth: 0,
-            left: 0,
-            right: 0,
-            bottom: '1%',
+            height: isIPhoneX() ? 85 : 55,
           },
         }}>
         <Tabs.Screen