diff --git a/packages/tabs/src/views/BottomTabBar.tsx b/packages/tabs/src/views/BottomTabBar.tsx
index f5450e33..db34da13 100644
--- a/packages/tabs/src/views/BottomTabBar.tsx
+++ b/packages/tabs/src/views/BottomTabBar.tsx
@@ -446,6 +446,7 @@ class TabBarBottom extends React.Component<BottomTabBarProps, State> {
       <Animated.View
         style={[
           styles.container,
+          containerStyle,
           keyboardHidesTabBar
             ? {
                 // When the keyboard is shown, slide down the tab bar
@@ -459,10 +460,9 @@ class TabBarBottom extends React.Component<BottomTabBarProps, State> {
                 ],
                 // Absolutely position the tab bar so that the content is below it
                 // This is needed to avoid gap at bottom when the tab bar is hidden
-                position: this.state.keyboard ? 'absolute' : null,
+                position: this.state.keyboard ? 'absolute' : undefined,
               }
             : null,
-          containerStyle,
         ]}
         pointerEvents={
           keyboardHidesTabBar && this.state.keyboard ? 'none' : 'auto'