      resizeMode: "contain",
    },
    expanded: {
-@@ -50,18 +54,20 @@ const s = StyleSheet.create({
+@@ -50,18 +54,22 @@ const s = StyleSheet.create({
      width: INFINITE_WIDTH,
    },
    expiryInput: {
 -    width: 80,
-+    width: 70,
++    width: "100%",
++    marginRight: 5,
    },
    cvcInput: {
 -    width: 80,
-+    width: 40,
++    width: "100%",
++    marginRight: 3, // fix truncated text for custom font
    },
    last4Input: {
      width: 60,

   }
 
   _inputProps = field => {
@@ -113,6 +119,7 @@ export default class LiteCreditCardInput extends Component {
       inputStyle, validColor, invalidColor, placeholderColor,
       placeholders, values, status,
       onFocus, onChange, onBecomeEmpty, onBecomeValid,

     additionalInputsProps: {},
   };
 
@@ -105,7 +113,7 @@ export default class LiteCreditCardInput extends Component {
   _focus = field => {
     if (!field) return;
     this.refs[field].focus();
