> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/berry/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/berry/theme/theme-config/overrides.md).

# Overrides

{% hint style="info" %}
We have overridden many MUI components, and those styles will be applied globally.
{% endhint %}

#### Customize MUI Component style

We have provided a central location to override any default style of any component. All the override styles exist in **`src\themes\overrides`**

{% code title="src\themes\overrides\Button.jsx" %}

```javascript
// project imports
import { withAlpha } from 'utils/colorUtils';

/**
 * MUI Components whose styles are overrided as per theme
 */
export default function Button(theme) {
  const disabledButtonBackground = withAlpha(theme.vars.palette.grey[100], 0.5);

  return {
    MuiButton: {
      defaultProps: {
        disableElevation: true
      },
      styleOverrides: {
        root: {
          borderRadius: 8,
          ...
         },
         ...
      }, 
    }
  }

```

{% endcode %}

You can add a default property for any MUI component, and it will be applied everywhere. We emitted lines to view it better in the above code block, but you can see that many controls' styles override in the same file. Feel free to change it as per your needs.