Hot to keep a button in a frame without affecting AutomaticSize?

I’m attempting to make automatic sizing UI but there appears to be random spacing between the elements? I can’t figure out whats causing it or how to remove it.


BuggedUI.rbxm (17.7 KB)

If you mean the invisible center element on each row being in a different location, that’s normal for your setup. You have the UIListLayout’s HorizontalFlex to SpaceBetween, meaning the UI elements will have equivalent spacing between elements (so the left and right spacing of the invisible box is equal.

I meant these strange empty spaces.


The invisible element in the center was meant to provide some spacing between the two texts of each row.

I found out that its the buttons being scale size 1 thats causing the issue.
This is how its supposed to look:


Now that I know its the button- how do I get the button to go over the whole frame without affecting its size?

Just figured it out, don’t know how this worked but.

Setting the button’s anchor point X to 1 and position scale to 1 made it stop contributing to the automatic size. Now it covers the whole frame without affecting size.