Customize UI components according to your design

[woodjs]

I'm trying to customize components for my figma design project that our designer on the team developed.

const theme = createTheme({
/** Put your mantine theme override here */
components: {
Button: {
defaultProps: {
variant: 'gradient',
gradient: {
{ variant: '#0098F1',
to: '#2DEDD7',
deg: 135,
},
radius: 'xl',
classNames: 'tailwindcss...'
},
},
},
});

MantineUI base classes override tailwind classes, and also adding padding kills the button completely. Can you please tell me how I can reset some of the styles from Mantine? I noticed that to add padding to the button I need to set height: auto, which is not very convenient and intuitive.