# How to style CSS properties that are not there in the designer card (custom properties) {% embed url="" %} 1. In the “**Edit**” sub-menu open “**Designer**” card. 2. Select a component to style by clicking on it. 3. In the “**Designer**” card move the scroll bar under the tabs all the way to the right side and select the “**Custom**” tab. 4. Type a CSS Property (E.g. “overflow-y”). 5. Type a valid value for the property you’ve entered on step 6. 6. Click “**Add**”. 7. Save your changes. ### Related Docs:
Styling components: Basicshow-to-style-components-basics2023-03-07_11h31_45.png
Styling hover, selected, disabled button stateshow-to-style-hover-selected-disabled-button-states2023-03-07_11h32_54.png
How to style individual buttons (by button key) in Options Selectorshow-to-style-individual-buttons-by-button-key-in-options-selectors2023-03-07_10h01_54.png