diff --git a/src/components/fields/ColorField.jsx b/src/components/fields/ColorField.jsx
index f3609afd..a58a52b9 100644
--- a/src/components/fields/ColorField.jsx
+++ b/src/components/fields/ColorField.jsx
@@ -90,7 +90,7 @@ class ColorField extends React.Component {
         ref="colorInput"
         onClick={this.togglePicker.bind(this)}
         style={{
-          ...input.select,
+          ...input.input,
           ...this.props.style
         }}
         name={this.props.name}
diff --git a/src/config/input.js b/src/config/input.js
index 8619d815..7b4940f1 100644
--- a/src/config/input.js
+++ b/src/config/input.js
@@ -38,8 +38,8 @@ const checkbox = {
 
 const select = {
   ...input,
-  width: '51%',
-  height: '2.3em',
+  width: '50%',
+  height: '2.15em',
 }
 
 export default {