diff --git a/src/FormsyText.jsx b/src/FormsyText.jsx
index c03b479..ff94a04 100644
--- a/src/FormsyText.jsx
+++ b/src/FormsyText.jsx
@@ -30,6 +30,7 @@ const FormsyText = createClass({
   defaultProps: {
     underlineFocusStyle: {},
     underlineStyle: {},
+    validationColor: '#4CAF50',
   },
 
   getInitialState() {
@@ -69,10 +70,6 @@ const FormsyText = createClass({
     return props.value || props.defaultValue || '';
   },
 
-  validationColor(props = this.props) {
-    return props.validationColor || '#4CAF50';
-  },
-
   handleBlur(event) {
     this.setValue(event.currentTarget.value);
     delete this.changeValue;
@@ -122,6 +119,7 @@ const FormsyText = createClass({
       validationError, // eslint-disable-line no-unused-vars
       validationErrors, // eslint-disable-line no-unused-vars
       value, // eslint-disable-line no-unused-vars
+      validationColor,
       ...rest } = this.props;
 
     const { isRequired, isPristine, isValid, isFormSubmitted } = this;
@@ -138,8 +136,8 @@ const FormsyText = createClass({
         onKeyDown={this.handleKeyDown}
         ref={this.setMuiComponentAndMaybeFocus}
         value={this.state.value}
-        underlineStyle={this.state.isValid ? { color: this.validationColor() } : underlineStyle}
-        underlineFocusStyle={this.state.isValid ? { color: this.validationColor() } : underlineFocusStyle}
+        underlineStyle={this.state.isValid ? { borderColor: validationColor } : underlineStyle}
+        underlineFocusStyle={this.state.isValid ? { borderColor: validationColor } : underlineFocusStyle}
       />
     );
   },