    container: {
      paddingLeft: 10,
      paddingRight: 10,
-+    height: 40,
++    height: 50,
      flexDirection: "row",
      alignItems: "center",
      overflow: "hidden",

     resizeMode: "contain",
   },
   expanded: {
@@ -50,14 +54,14 @@ const s = StyleSheet.create({
     width: INFINITE_WIDTH,
   },
   expiryInput: {

+    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
