Icon button takes the height of its parent container

### Package / App

MAD Components

### Version

0.20.0

### What happened?

When using the `Button.Icon` component the height is the same as the height of its parent container.

### Other info

```jsx

This is a title spanning three lines

navigate(Routes.SETTINGS)}
style={{ backgroundColor: "red" }}
/>

```

To get this to work as intended I have to wrap a `View` around the `Button.Icon` like this:

```jsx

This is a title spanning three lines


navigate(Routes.SETTINGS)}
style={{ backgroundColor: "red" }}
/>

```

Making it look like this:

### Relevant log output

```shell

```

Start at the MAD Components Button.Icon entry point and reproduce the reported layout with the JSX example, comparing the direct button with the version wrapped in View. Done means Button.Icon keeps its intended height inside the row without requiring an extra wrapper.

Written by the indexing model from the issue text.