This scenario occurs when button1 with a ratio of 4x4 and button2 with a 2x1 ratio in a grid of 5x5. When these two buttons are next to each other the button2 will move down since it reached the grid of 5x5 yet the button2 does not notice that it still overlaps with button1 since it's still inside the 4x4, to resolve this issue, another check must be conducted after the button2 has dropdown.

The pager is an alternative for scrolling, any excess buttons will be moved next page and not at the end of the scroll.

This method only swaps the contents of a button e.g "label" excluding the sizes & locations of buttons.