powers-elements-style

[gusty harness]

powers-elements-style

@spare quail CAn you share a simple reproduction on jsfiddle or similar?

[spare quail]

my app is too complicated

    const appearance = {
        rules: {
            '.Input--isComplete': {
                color: 'white',
            },
        },
    };

    const options = {
        clientSecret: clientSecret,
        appearance,
    };

    return (
        <div>
            {clientSecret && (
                <Elements stripe={stripePromise} options={options}>
                    <CheckoutForm clientSecret={clientSecret} />
                </Elements>
            )}
            {error && (
                <p className={errorStyles}>
                    Something went wrong.{' '}
                    <Link href='/login' className='text-white'>
                        Please login
                    </Link>{' '}
                    to add payment.
                </p>
            )}
        </div>
    );
}```

[gusty harness]

Sure but you can work on a simple example in a jsfiddle or similar that only loads PaymentElement and shows the problem