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

The Telerik and Kendo UI Gantt is a composite UI component. To configure and customize its appearance, use not only its dedicated Sass variables but also the [Toolbar](/components/toolbar/styles) Sass variables, as well as the Sass variables provided by the [Button](/components/button/styles), [TreeList](/components/treelist/styles), [Splitter](/components/splitter/styles), and [Grid](/components/grid/styles) components.

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