style doesnt change

[hyperdesignbot]

Hello
Some styles don't change even if it defined in module.css or even it defined in Component.
This is my code:
<Section style={{color:"red", fontFamily:"cursive"}} header="Tooltip sectionss"> <Banner header="Tooltip on button" subheader="Press the button to show the tooltip" className={styles.container} > <Button ref={ref} size="s" className={styles.button} onClick={() => setShown(!shown)} > {shown ? "Hide" : "Show"} </Button> </Banner> {shown && ( <Tooltip mode="dark" targetRef={ref}> Look in the mirror, you look so cute! Xx </Tooltip> )} </Section>

The color changes to red but font-family doesnt change.

[mainsmirnov]

Hey, thank you for your issue.

You need to rewrite --tgui--font-family variable or apply style directly to element