How to override Component Styling
The theme's components key allows you to customize a component without wrapping it in another component. You can change the styles, the default props, and more.
Open the file src/components/theme/mergedTheme.ts and override the component styling as per your requirement.
const userTheme = {
...
components: {
MuiButton: {
styleOverrides: {
root: {
textTransform: 'uppercase'
},
},
},
},
} as Theme;