Reactjs 为什么在pt/rem中传入fontSize会导致StripeElements.CardElement的大小跳转？

我在React中使用了一个StripeElements-CardElement，将基本样式作为对象传入。当我使用pt/rem使用

fontSize

时，输入的高度在“MM/YY CVC”动画中跳到

150px

，然后再调整到其实际大小。当我使用em/px时，高度要么根本不跳，要么跳得太快而无法察觉

这可能是什么原因造成的？为什么行为似乎会根据我使用的字体大小单位而改变

const CardElementStyle = {
  base: {
    fontSize: `1em`, // values in pt and rem cause jump, while em and px don't cause jump
    fontFamily: `"Whitney A", "Whitney B", Helvetica, sans-serif`,
    fontStyle: "normal"
  },
  invalid: {
    color: PALETTE.nonInteractiveBackground
  }
};

<StripeElements.CardElement
    className="cardInput"
    style={CardElementStyle}
    />