diff --git a/src/buttons/ButtonGroup.js b/src/buttons/ButtonGroup.js
index 107b92aafc..19e1903341 100644
--- a/src/buttons/ButtonGroup.js
+++ b/src/buttons/ButtonGroup.js
@@ -94,15 +94,15 @@ const ButtonGroup = props => {
                 borderTopLeftRadius: containerBorderRadius,
                 borderBottomLeftRadius: containerBorderRadius,
               },
-              isSelected && {
-                backgroundColor: colors.primary,
-              },
             ]}
           >
             <View
               style={[
                 styles.textContainer,
                 buttonStyle && buttonStyle,
+                isSelected && {
+                  backgroundColor: colors.primary,
+                },
                 isSelected && selectedButtonStyle && selectedButtonStyle,
               ]}
             >
diff --git a/src/buttons/__tests__/__snapshots__/ButtonGroup.js.snap b/src/buttons/__tests__/__snapshots__/ButtonGroup.js.snap
index 35d1bc66a4..66f17db94a 100644
--- a/src/buttons/__tests__/__snapshots__/ButtonGroup.js.snap
+++ b/src/buttons/__tests__/__snapshots__/ButtonGroup.js.snap
@@ -43,7 +43,6 @@ exports[`ButtonGroup Component should have onPress event 1`] = `
           "borderBottomLeftRadius": 3,
           "borderTopLeftRadius": 3,
         },
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -60,6 +59,7 @@ exports[`ButtonGroup Component should have onPress event 1`] = `
             "backgroundColor": "blue",
           },
           false,
+          false,
         ]
       }
     >
@@ -101,7 +101,6 @@ exports[`ButtonGroup Component should have onPress event 1`] = `
         },
         false,
         false,
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -118,6 +117,7 @@ exports[`ButtonGroup Component should have onPress event 1`] = `
             "backgroundColor": "blue",
           },
           false,
+          false,
         ]
       }
     >
@@ -156,7 +156,6 @@ exports[`ButtonGroup Component should have onPress event 1`] = `
           "borderTopRightRadius": 3,
         },
         false,
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -173,6 +172,7 @@ exports[`ButtonGroup Component should have onPress event 1`] = `
             "backgroundColor": "blue",
           },
           false,
+          false,
         ]
       }
     >
@@ -238,7 +238,6 @@ exports[`ButtonGroup Component should render lastButtonStyle 1`] = `
           "borderBottomLeftRadius": 3,
           "borderTopLeftRadius": 3,
         },
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -253,6 +252,7 @@ exports[`ButtonGroup Component should render lastButtonStyle 1`] = `
           },
           undefined,
           false,
+          false,
         ]
       }
     >
@@ -294,7 +294,6 @@ exports[`ButtonGroup Component should render lastButtonStyle 1`] = `
         },
         false,
         false,
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -309,6 +308,7 @@ exports[`ButtonGroup Component should render lastButtonStyle 1`] = `
           },
           undefined,
           false,
+          false,
         ]
       }
     >
@@ -348,7 +348,6 @@ exports[`ButtonGroup Component should render lastButtonStyle 1`] = `
           "borderTopRightRadius": 3,
         },
         false,
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -363,6 +362,7 @@ exports[`ButtonGroup Component should render lastButtonStyle 1`] = `
           },
           undefined,
           false,
+          false,
         ]
       }
     >
@@ -428,7 +428,6 @@ exports[`ButtonGroup Component should render selectedIndex 1`] = `
           "borderBottomLeftRadius": 3,
           "borderTopLeftRadius": 3,
         },
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -443,6 +442,7 @@ exports[`ButtonGroup Component should render selectedIndex 1`] = `
           },
           undefined,
           false,
+          false,
         ]
       }
     >
@@ -484,9 +484,6 @@ exports[`ButtonGroup Component should render selectedIndex 1`] = `
         },
         false,
         false,
-        Object {
-          "backgroundColor": "#2089dc",
-        },
       ]
     }
     underlayColor="#2089dc"
@@ -500,6 +497,9 @@ exports[`ButtonGroup Component should render selectedIndex 1`] = `
             "justifyContent": "center",
           },
           undefined,
+          Object {
+            "backgroundColor": "#2089dc",
+          },
           Object {
             "backgroundColor": "red",
           },
@@ -545,7 +545,6 @@ exports[`ButtonGroup Component should render selectedIndex 1`] = `
           "borderTopRightRadius": 3,
         },
         false,
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -560,6 +559,7 @@ exports[`ButtonGroup Component should render selectedIndex 1`] = `
           },
           undefined,
           false,
+          false,
         ]
       }
     >
@@ -625,7 +625,6 @@ exports[`ButtonGroup Component should render with button.element 1`] = `
           "borderBottomLeftRadius": 3,
           "borderTopLeftRadius": 3,
         },
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -640,6 +639,7 @@ exports[`ButtonGroup Component should render with button.element 1`] = `
           },
           undefined,
           false,
+          false,
         ]
       }
     >
@@ -666,7 +666,6 @@ exports[`ButtonGroup Component should render with button.element 1`] = `
           "borderTopRightRadius": 3,
         },
         false,
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -681,6 +680,7 @@ exports[`ButtonGroup Component should render with button.element 1`] = `
           },
           undefined,
           false,
+          false,
         ]
       }
     >
@@ -731,7 +731,6 @@ exports[`ButtonGroup Component should render without issues 1`] = `
           "borderBottomLeftRadius": 3,
           "borderTopLeftRadius": 3,
         },
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -746,6 +745,7 @@ exports[`ButtonGroup Component should render without issues 1`] = `
           },
           undefined,
           false,
+          false,
         ]
       }
     >
@@ -787,7 +787,6 @@ exports[`ButtonGroup Component should render without issues 1`] = `
         },
         false,
         false,
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -802,6 +801,7 @@ exports[`ButtonGroup Component should render without issues 1`] = `
           },
           undefined,
           false,
+          false,
         ]
       }
     >
@@ -840,7 +840,6 @@ exports[`ButtonGroup Component should render without issues 1`] = `
           "borderTopRightRadius": 3,
         },
         false,
-        false,
       ]
     }
     underlayColor="#2089dc"
@@ -855,6 +854,7 @@ exports[`ButtonGroup Component should render without issues 1`] = `
           },
           undefined,
           false,
+          false,
         ]
       }
     >