# \[IGN-2793\] One-Shot Button icon position

**URL:** <https://forum.inductiveautomation.com/t/ign-2793-one-shot-button-icon-position/79109>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 13, 2023, 7:03pm UTC](https://forum.inductiveautomation.com/t/ign-2793-one-shot-button-icon-position/79109 "2023-09-13T19:03:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chad\_Invie](https://avatars.discourse-cdn.com/v4/letter/c/d07c76/32.png) [@Chad\_Invie](https://forum.inductiveautomation.com/u/Chad_Invie)\
**Post date:** [September 13, 2023, 7:03pm UTC](https://forum.inductiveautomation.com/t/ign-2793-one-shot-button-icon-position/79109/1 "2023-09-13T19:03:25Z")

</div>

I have added a one-shot button to a Perspective view and the property to change the icon position is missing. Additionally, the documentation shows the icon on the left, but for some reason, my version of the Ignition (8.1.26) insists on placing the icon on the right.

 ![Capture](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/8/487cbce99fac9d0c7c114d9191e2c6e013e75a3a.png)

---

<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:** [September 13, 2023, 9:20pm UTC](https://forum.inductiveautomation.com/t/ign-2793-one-shot-button-icon-position/79109/2 "2023-09-13T21:20:02Z")

</div>

There's no avenue for declaring where the icon should be placed. We do have an open feature request to add such a property. I've "linked" that ticket in the title of the thread.

---

<div class="post-metadata">

**Author:** ![WillMT10](https://avatars.discourse-cdn.com/v4/letter/w/7feea3/32.png) [@WillMT10](https://forum.inductiveautomation.com/u/WillMT10)\
**Post date:** [September 13, 2023, 10:10pm UTC](https://forum.inductiveautomation.com/t/ign-2793-one-shot-button-icon-position/79109/3 "2023-09-13T22:10:52Z")

</div>

While it might not get you exactly where you want to be, you can at least get a portion of the way there with CSS:

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/5/85c2cfb591d72543aacf80637e5b5267834f3f87.png)

You can also add in left/right padding values to tune it further. (There are definitely other options to tinker with that I'm missing)

Edit: Looks like `justify-content` gets overridden outside the Designer. Can use a custom style and the stylesheet resource to set the `justify-content` property.
