# 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 overrides' styles exist in **`src\themes\compStyleOverride.jsx`**

{% code title="compStyleOverride.js" %}

```javascript
// material-ui
import { alpha } from '@mui/material/styles';

// project imports
import { ThemeMode } from 'config';

/**
 * MUI Componets whose styles are overrided as per theme
 */
export default function componentStyleOverrides(theme, borderRadius, outlinedFilled) {
    return {
        MuiButton: {
            styleOverrides: {
                root: {
                    fontWeight: 500,
                    textTransform: 'capitalize',
                    borderRadius: '4px'
                }
            }
        },
        ...
        ...
         MuiAlert: {
            styleOverrides: {
                root: {
                    alignItems: 'center'
                },
                outlined: {
                    border: '1px dashed'
                }
            }
        },
    };
}
```

{% 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://codedthemes.gitbook.io/berry/theme/theme-config/overrides.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.