# Change button size inside table cell

**URL:** <https://forum.inductiveautomation.com/t/change-button-size-inside-table-cell/108318>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 10, 2025, 1:07pm UTC](https://forum.inductiveautomation.com/t/change-button-size-inside-table-cell/108318 "2025-07-10T13:07:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![annikaciul](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@annikaciul](https://forum.inductiveautomation.com/u/annikaciul)\
**Post date:** [July 10, 2025, 1:07pm UTC](https://forum.inductiveautomation.com/t/change-button-size-inside-table-cell/108318/1 "2025-07-10T13:07:18Z")

</div>

I have a table in which the last cell of each row is a button. Is there a way to adjust the size of this button once it is in the table? I have designed the button in a separate view and brought it in through a view path to the column, but the button is changing with the height of the row and makes the border stretch to the edges of the cell. Instead I would like it to be a set dimension that is smaller than the cell size.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [July 10, 2025, 1:20pm UTC](https://forum.inductiveautomation.com/t/change-button-size-inside-table-cell/108318/2 "2025-07-10T13:20:33Z")

</div>

Have you tried adding margin to the button's style?

---

<div class="post-metadata">

**Author:** ![annikaciul](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@annikaciul](https://forum.inductiveautomation.com/u/annikaciul)\
**Post date:** [July 10, 2025, 2:17pm UTC](https://forum.inductiveautomation.com/t/change-button-size-inside-table-cell/108318/3 "2025-07-10T14:17:58Z")

</div>

I ended up putting the border around the text style with a margin rather than around the whole button component, and that seemed to fix the problem.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 10, 2025, 4:53pm UTC](https://forum.inductiveautomation.com/t/change-button-size-inside-table-cell/108318/4 "2025-07-10T16:53:54Z")

</div>

If your button view's root container type is 'flex' then it should be just a matter of setting the view's `defaultSize.width` and `defaultSize.height` as required.