0

I use ReactJS 17 with radix-ui and stitches. My Select component is very straight forward:

   <S.Wrapper>
      <SelectRadix.Root ...
      <S.Trigger id={htmlFor}>

I'm styling it with stitches. Everything works fine except the background color of the trigger.

If I inline it like this: <S.Trigger id={htmlFor} style={{backgroundColor: 'white'}} it works but if I change it in my stitches config

export const Trigger = styled(Select.Trigger, {
  backgroundColor: 'white',
  padding: '$2 $4',
});

Although the stitches config is taken into account as modifying the padding style actually modify the trigger.

I have no idea of what is wrong here.

Simon
  • 6,025
  • 7
  • 46
  • 98

0 Answers0