diff --git a/src/components/fields/ColorField.jsx b/src/components/fields/ColorField.jsx
index 2d6d424..a71aebc 100644
--- a/src/components/fields/ColorField.jsx
+++ b/src/components/fields/ColorField.jsx
@@ -91,7 +91,7 @@ class ColorField extends React.Component {
     </div>
 
     var swatchStyle = {
-      "background-color": this.props.value
+      backgroundColor: this.props.value
     };
 
     return <div className="maputnik-color-wrapper">