How to make a repeat pattern inside a "content size fitter" UI?

I want to use the attached image In a dynamic manner. Had it just been grey it would be no problem, but since a pattern inside (the squares) should repeat themselves, it feels a bit more tricky. I can seemingly only make them scale with the grid/vertical/horizontal canvas group which looks funky in a bad way. Has anyone dealt with similar issue and fixed it?

 

you could do it by splitting up your frame into two images. One is the border only and Sliced (the inner part is transparent) and one behind (in the hierarchy above) is the background which is "Tiled".