# Appearance

The Dropdowns enable you to set their width and the width of the popup, which contains the list of suggestions or options.

To specify the width of the components, set the [`width`](https://developer.mozilla.org/en-US/docs/Web/CSS/width) CSS property.

To specify the width of the popup, which contains the list of suggestion or options, set the [`popupSettings`](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/popupsettings) property. By default, the popup acquires you to have a set width of the component.

```html
<kendo-dropdownlist
  [data]="listItems"
  [popupSettings]="{
    width: 450,
    height: 150
  }"
  style="width: 350px;">
</kendo-dropdownlist>
```

## Suggested Links

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