How to change default style of React Phone Number input field

How can i override the style of the react-phone-number-input component using https://www.npmjs.com/package/react-phone-number-input?

Along with this component, I’m using a react hook form and Tailwind CSS. Unfortunately, the background and border colors do not change, and the border width is too wide. I’m not sure how I can change the style.

Field Image

//React hook form
const {
    register,
    handleSubmit,
    watch,
    formState: { errors },
    control,
  } = useForm();


//Component
<PhoneInputWithCountry
              international
              name="phone"
              control={control}
              defaultCountry="BD"
              country="BD"
              id="phone"
              className="rounded rounded-full bg-gray-100 py-1 px-2 text-gray-700 shadow-sm border-green"
            />