# Button Customization

**URL:** <https://forum.inductiveautomation.com/t/button-customization/68581>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [January 13, 2023, 6:19pm UTC](https://forum.inductiveautomation.com/t/button-customization/68581 "2023-01-13T18:19:06Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![amarks](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/amarks/32/45610_2.png) [@amarks](https://forum.inductiveautomation.com/u/amarks)\
**Post date:** [January 13, 2023, 6:19pm UTC](https://forum.inductiveautomation.com/t/button-customization/68581/1 "2023-01-13T18:19:07Z")

</div>

I'm using the built-in button components. I like the hover-over effect, but would like it to be a little less pronounced (dim the shadow, or make it smaller). Is there a way to do this with a style prop?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 13, 2023, 7:01pm UTC](https://forum.inductiveautomation.com/t/button-customization/68581/2 "2023-01-13T19:01:27Z")

</div>

Making style adjustments based on element state (hover) are not possible with inline style properties. You must use from among Theming, the stylesheet.css resource, or Named Styles. Theming will impose your rule gateway-wide (all projects), the stylesheet resource will apply your rule to only the project the resource lives in, and a Named style will apply the rule to only the buttons you attach the class to.