diff --git a/addons/background/src/__tests__/index.tsx b/addons/background/src/__tests__/index.tsx
index d9efa600a5fc..36472a10329e 100644
--- a/addons/background/src/__tests__/index.tsx
+++ b/addons/background/src/__tests__/index.tsx
@@ -24,7 +24,7 @@ describe("Background Decorator", () => {
     const SpiedChannel = new EventEmitter();
     const backgroundDecorator = shallow(<BackgroundDecorator story={testStory} channel={SpiedChannel} />);
 
-    expect(backgroundDecorator.html().match(/background-color:transparent/gmi).length).toBe(1);
+    expect(backgroundDecorator.html().match(/background:transparent/gmi).length).toBe(1);
   });
 
   it("should set internal state when background event called", () => {
diff --git a/addons/background/src/index.tsx b/addons/background/src/index.tsx
index 6da539705054..571b788d88f8 100644
--- a/addons/background/src/index.tsx
+++ b/addons/background/src/index.tsx
@@ -13,7 +13,7 @@ const style = {
     transition: "background 0.25s ease-in-out",
     backgroundPosition: "center",
     backgroundSize: "cover",
-    backgroundColor: "transparent",
+    background: "transparent",
   },
 };
 
@@ -57,7 +57,7 @@ export class BackgroundDecorator extends React.Component<any, any> {
 
   render() {
     const styles = style.wrapper;
-    styles.backgroundColor = this.state.background;
+    styles.background = this.state.background;
     return <div style={assign({}, styles)}>{this.story}</div>;
   }
 }