From 6f04b5c31dd2eb6e2353702ebec686c1cb025f1b Mon Sep 17 00:00:00 2001
From: Brent Vatne <brentvatne@gmail.com>
Date: Thu, 22 Mar 2018 20:45:16 -0700
Subject: [PATCH] Fix tab style in horizontal layout

---
 packages/tabs/src/views/TabBarBottom.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/tabs/src/views/TabBarBottom.js b/packages/tabs/src/views/TabBarBottom.js
index c98326e0..c130069f 100644
--- a/packages/tabs/src/views/TabBarBottom.js
+++ b/packages/tabs/src/views/TabBarBottom.js
@@ -179,8 +179,9 @@ class TabBarBottom extends React.Component<Props> {
 
     const tabBarStyle = [
       styles.tabBar,
-      !Platform.isPad ? styles.tabBarCompact : styles.tabBarRegular,
-      styles.tabBarRegular,
+      this._shouldUseHorizontalTabs() && !Platform.isPad
+        ? styles.tabBarCompact
+        : styles.tabBarRegular,
       style,
     ];