> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thetinybell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to change the size of a notification

> Adjust the width and height of your popup notifications.

You can control the size of your notifications through the built-in settings or with custom CSS.

## Built-in size options

Some notification types have a size selector in the settings panel (small, medium, large). Choose the one that fits your content.

## Custom sizing with CSS

For more control, use the Custom CSS field:

```css theme={null}
/* Make the modal wider */
.tinybell-modal {
    max-width: 700px;
}

/* Make the bar taller */
.tinybell-bar {
    padding: 20px 15px;
}
```

## Tips

* Wider modals work well when you have an image + text side by side
* Keep bars slim (they should not cover too much content)
* Always check mobile: a wide modal on desktop may overflow on small screens