        additionalInputProps: additionalInputsProps[field],
      };
    };
-@@ -139,11 +145,22 @@ export default class LiteCreditCardInput extends Component {
+@@ -139,11 +147,22 @@ export default class LiteCreditCardInput extends Component {
    }
  
    render() {

+    marginLeft: 5,
   },
   input: {
     height: 40,
@@ -83,7 +87,7 @@ export default class LiteCreditCardInput extends Component {
 
   static defaultProps = {
     placeholders: {

+    const { focused, isInputFocused, valid, values: { number }, inputStyle, status: { number: numberStatus } } = this.props;
     const showRightPart = focused && focused !== "number";
 
+    const borderColor = "#C2C2C2" // black30
+    const borderColorFocused = "#707070" // black60
+    const borderColorError = "#C82400" // red100
+
+    const showWarningState = !isInputFocused && !valid && number?.length
