diff --git a/src/commons/modifiers.js b/src/commons/modifiers.js
index <HASH>..<HASH> 100644
--- a/src/commons/modifiers.js
+++ b/src/commons/modifiers.js
@@ -22,7 +22,7 @@ export function extractBackgroundColorValue(props) {
   let backgroundColor;
 
   const keys = Object.keys(props);
-  const bgProp = _.findLast(keys, prop => Colors.getBackgroundKeysPattern().test(prop));
+  const bgProp = _.findLast(keys, prop => Colors.getBackgroundKeysPattern().test(prop) && !!props[prop]);
   if (props[bgProp]) {
     const key = bgProp.replace(Colors.getBackgroundKeysPattern(), '');
     backgroundColor = Colors[key];
Fix issue with bg modifier order