---
path: components/chat/code
title: Styles
position: 3
seo_title: Configuring the Appearance of the Chat Component
seo_description: Gain full control over the appearance of the Telerik and Kendo
  UI Chat component by utilizing the Sass variables that configure its styling.
---
## Sass Variables

The Telerik and Kendo UI Chat is a composite UI component. To configure and customize its appearance, use not only its dedicated Sass variables but also the Sass variables provided by the [TextArea](/components/textarea/styles), [Button](/components/button/styles), and [Avatar](/components/avatar/styles) components.

<VariablesList data='{"theme":"default","group":"chat"}'></VariablesList>