# MD for: https://www.mercadopago.com.br/developers/pt/docs/checkout-bricks/wallet-brick/visual-customizations/change-appearance.md

\> CLIENT\_SIDE > > h1 > > Change appearance Wallet Brick allows for some visual customizations listed in the table below, all of which are optional and of the \`string\` type. If the provided property is empty, the screen will display the appearance defined by the \[default layout\](https://www.mercadopago.com.br/developers/en/docs/checkout-bricks/wallet-brick/default-rendering#bookmark\_render\_the\_brick). On the other hand, sending an alternative value will replace the default value. | Key | Available options | Default | |--- |--- | --- | | theme | default ou black | default | | customStyle.valuePropColor | For the \*\*default\*\* theme, \`valuePropColor\` can be \*\*blue or white\*\*, while for the \*\*dark\*\* theme, valuePropColor\`\` can be \*\*dark\*\*. | For the \*\*default\*\* theme, the \*\*default is blu\*\*e, while for the \*\*dark\*\* theme, the \*\*default is black\*\*. | | customStyle.buttonHeight | Minimum: 48px.   
 Maximum: free choice. | 48px | | customStyle.borderRadius | Minimum: livre escolha.   
 Maximum: free choice. | 6px | | customStyle.verticalPadding | Minimum: 8px.   
 Maximum: free choice. | 8px | | customStyle.horizontalPadding | Minimum: 0px.   
 Maximum: free choice. | 0px | 

* [javascript ](#editor%5F1)
* [react-jsx ](#editor%5F2)
javascript react-jsx 

```
const settings = {
  ...,
  customization: {
  theme:'dark',
  customStyle: {
  valueProp: 'practicality',
  valuePropColor: 'black',
  borderRadius: '10px',
  verticalPadding: '10px',
  horizontalPadding: '10px',
  }
  }
}
```

Copiar 

```
const customization = {
  theme:'dark',
  customStyle: {
  valueProp: 'practicality',
  valuePropColor: 'black',
  borderRadius: '10px',
  verticalPadding: '10px',
  horizontalPadding: '10px',
  }
};
```

Copiar 

\## Hide value proposition (valueProp) text It is also possible to hide the value proposition text by passing the value \`boolean true\` to the property \`customStyle.hideValueProp\`. The \*\*default value\*\* is \`false\`. 

* [javascript ](#editor%5F3)
* [react-jsx ](#editor%5F4)
javascript react-jsx 

```
const settings = {
  ...,
  customization: {
	 theme: 'default',
  customStyle: {
  hideValueProp: true,
  }
  }
}
```

Copiar 

```
const customization = {
  theme: 'default',
  customStyle: {
  hideValueProp: true,
  }
};
```

Copiar