diff --git a/.gitignore b/.gitignore
index ba60cab9e..f45e249da 100644
--- a/.gitignore
+++ b/.gitignore
@@ -61,6 +61,7 @@ jspm_packages
 # Optional REPL history
 .node_repl_history
 
+dist/**/__snapshots__
 
 ### Xcode ###
 # Xcode
diff --git a/Components/Themes/light.js b/Components/Themes/light.js
index ad7c0af92..957de2bac 100644
--- a/Components/Themes/light.js
+++ b/Components/Themes/light.js
@@ -207,6 +207,7 @@ export default {
     tabBgColor: '#F8F8F8',
     tabFontSize: 15,
     tabTextColor: '#222222',
+    tabUnderlineColor: '#222222',
 
 
     // Text
diff --git a/Components/vendor/react-native-scrollable-tab-view/DefaultTabBar.js b/Components/vendor/react-native-scrollable-tab-view/DefaultTabBar.js
index 737d536df..3bf4d2ed4 100755
--- a/Components/vendor/react-native-scrollable-tab-view/DefaultTabBar.js
+++ b/Components/vendor/react-native-scrollable-tab-view/DefaultTabBar.js
@@ -12,7 +12,7 @@ import {
   Animated,
 } from 'react-native';
 
-var deviceWidth = Dimensions.get('window').width;
+const deviceWidth = Dimensions.get('window').width;
 
 export default class DefaultTabBar extends NativeBaseComponent {
     getInitialStyle() {
@@ -59,12 +59,12 @@ export default class DefaultTabBar extends NativeBaseComponent {
       position: 'absolute',
       width: deviceWidth / numberOfTabs,
       height: 4,
-      backgroundColor: this.getTheme().tabTextColor,
+      backgroundColor: this.getTheme().tabUnderlineColor,
       bottom: 0,
     };
 
     var left = this.props.scrollValue.interpolate({
-      inputRange: [0, 1], outputRange: [0, deviceWidth / numberOfTabs]
+        inputRange: [0, 1], outputRange: [0, deviceWidth / numberOfTabs]
     });
 
     return (