How to add a border around React Color's CirclePicker?

Question

Using React Color I'm trying to figure out if there is a way to add a border around a CirclePicker color?

The current approach with an attempt to add an outline and border:

<CirclePicker
  colors={colorArray}
  width={'100%'}
  style={{
    outline: '1px solid #ced2d9', // doesn't work
    border: '1px solid #ced2d9', // doesn't work
  }}
  circleSpacing={16}
  onChange={(color: {hex: SetStateAction<string | undefined>}) => {
    onChange(set(color?.hex))
    setPickedColor(color?.hex)
  }}
  value={pickedColor}
/>

Research attempt

• How to set up picker's border
• customise color picker with out any package in react
• How to Change HTML5 Color Input Inner Radius
• How can I pick a random border color in react?
• React Native rounded image with a border

In React Color's CirclePicker is there a way to add a border around a color?