diff --git a/src/BottomNavigation/BottomNavigationAction.react.js b/src/BottomNavigation/BottomNavigationAction.react.js
index 3b9e1e68..ad89ac51 100755
--- a/src/BottomNavigation/BottomNavigationAction.react.js
+++ b/src/BottomNavigation/BottomNavigationAction.react.js
@@ -52,9 +52,9 @@ function getStyles(props, context) {
     const local = {};
 
     if (props.active) {
-        local.container = { paddingTop: 6 };
-        local.icon = { color: palette.primaryColor };
-        local.label = { color: palette.primaryColor, fontSize: 14 };
+        local.container = bottomNavigationAction.containerActive;
+        local.icon = bottomNavigationAction.iconActive;
+        local.label = bottomNavigationAction.labelActive;
     }
 
     if (!props.label) {
diff --git a/src/styles/getTheme.js b/src/styles/getTheme.js
index 6aeb316c..bd915b7a 100644
--- a/src/styles/getTheme.js
+++ b/src/styles/getTheme.js
@@ -168,6 +168,16 @@ export default function getTheme(theme, ...more) {
                 textAlign: 'center',
                 color: palette.secondaryTextColor,
             },
+            containerActive: {
+                paddingTop: 6
+            },
+            iconActive: {
+                color: palette.primaryColor
+            },
+            labelActive: {
+                color: palette.primaryColor,
+                fontSize: 14
+            }
         }, theme.bottomNavigationAction)),
         card: StyleSheet.create(merge({
             container: {