# Circular one-shot button flex container Perspective

**URL:** <https://forum.inductiveautomation.com/t/circular-one-shot-button-flex-container-perspective/27393>\
**Category:** Ignition Early Access\
**Tags:** perspective\
**Created:** [August 13, 2019, 11:55am UTC](https://forum.inductiveautomation.com/t/circular-one-shot-button-flex-container-perspective/27393 "2019-08-13T11:55:58Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mikal](https://avatars.discourse-cdn.com/v4/letter/m/0ea827/32.png) [@mikal](https://forum.inductiveautomation.com/u/mikal)\
**Post date:** [August 13, 2019, 11:55am UTC](https://forum.inductiveautomation.com/t/circular-one-shot-button-flex-container-perspective/27393/1 "2019-08-13T11:55:58Z")

</div>

Hello,

I’m trying to get a circular one-shot button in the centre of a flex container in perspective, I made the one-shot button round by setting the border radius to 100% so it now is supposed to be round but it does not look like a circle at all.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/c19c62761135cb52ceeaf4ed28c6384492ff5a43.png)

when I give the button a padding of 120px it is circular but I don’t think that is the proper way to make it circular.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/f/feac83056d3a28f1e6a4a9814a494a23fcc95132.png)

I hope someone can help me out.

---

<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:** [August 13, 2019, 1:59pm UTC](https://forum.inductiveautomation.com/t/circular-one-shot-button-flex-container-perspective/27393/2 "2019-08-13T13:59:30Z")

</div>

Setting the borderRadius to 100% will indeed make a smooth transition from one “side” to another, resulting in the appearance of a circle, but this will only work if the sides are all equal length.

Remove the padding property you inserted, and modify `OneShotButton.position.width` and `height` so that they are equal. This should result in a circular One Shot Button.