How to override a react-multi-select-component style

I am [https://www.npmjs.com/package/react-multi-select-component][1] and customising it as per the requirement, but finding hard to override the style. I am unable to get rid of rmsc(component) style shown in the image below. Component also doesn't provide the way to update/override the style. Any one has any thoughts any way of doing it ? Or if there is any alternative to this component in matinée/react will be helpful to know.

 import { MultiSelect,SelectProps } from "react-multi-select-component"
 import buildStyles from 'component/styles'

  interface Props extends SelectProps{
  icon?: ReactNode
  }
    const Filter = ({
    className = '',
    icon,
    ...others
    }:Props) => {
     const baseClasses=[
     'h-8','w-[260px]','px-3','border border-gray-50 rounded-lg','bg-white',
     'text-sm''placeholder:text-gray-60','hover:bg-gray-20','active:focus:bg-gray-30'
     'focus:hover:bg-white focus-visible:shadow-focused outline-0'
   ]
  return (   
     <div>
      <MultiSelect 
       className={styles(
        baseClasses,
        className
      )}
      {...others}   
      />
   </div>
  )
}

export default Filter;

 [![dom rendered image][1]][1]