# Angular Pager Appearance

The Pager provides predefined size options which allow you to set different `padding` to the Pager elements.

> Since [version 22.1.0](https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui#v22.1.0), default values of the appearance properties are no longer hardcoded in the component. The default values are inherited from the Kendo theme.
>
> For more information, refer to the [Design System documentation](https://www.telerik.com/design-system).

To change the default padding of the Pager elements, set the [`size`](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/api/toolbarcomponent#size) property. It accepts values of type [`PagerSize`](https://www.telerik.com/kendo-angular-ui-develop/components/pager/api/pagersize).

The [`size`](https://www.telerik.com/kendo-angular-ui-develop/components/pager/api/pagercomponent#size) option supports the following values:

* `small`
* `medium`
* `large`

The following example demonstrates how to define the Pager size.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/pager/appearance/source.txt)

## Suggested Links

* [API Reference of the Pager](https://www.telerik.com/kendo-angular-ui-develop/components/pager/api/pagercomponent)
* [Creating Custom Styles with ThemeBuilder](https://www.telerik.com/kendo-angular-ui-develop/components/styling/theme-builder)