Not sure if this belongs in Scripting Support, or Art Design Support. I am attempting to generate a catalog for vehicles with the addition of a header frame for each vehicle category. I can use a single UIGridLayout to sort the cells with no issues, but the root of this problem is my method of implementing the header frame for the categories.

My idea was to use a frame for each category with its children being a frame that holds the header, as well as a frame that contains all the vehicles for that category which is sorted by a UIGridLayout. Each category is then sorted by an additional UIGridLayout.
The issue is this:
As you can see, the elements within the container frame of Category1 are overlapping onto Category2 when additional elements are generated. My UI script currently automatically generates elements according to items in a folder, so I need this to automatically adjust. Any help regarding this issue would be appreciated, also I feel like this method is dumb so please let me know if there is a simpler method to achieve this. Again, I can use a single UIGridLayout to sort the cells with no issues, but the root of this problem is my method of implementing the header frame for the categories.

