Conflict with bootstrap styles

[manojgetwealthy]

If you are using bootstrap, then a green border and tick mark appears in the phone number control as it uses similar classes used by bootstrap.

Repro:

const Phone2 = () => {
    return (
        <form className="was-validated">
            <PhoneInput country="in" inputClass="phone-input-control" />
            <button
                type="submit"
                onClick={(e) => {
                    e.preventDefault();
                    e.stopPropagation();
                }}>Save</button>
        </form>
    );
};