So im currently developing a to-do list of sorts which can be filtered by category. Both category and profiles have an unknown number since users can add as many as they want. This means the categories will have to be horizontally scroll able when the user adds more than the screen space allows. I am struggling with what to do with the profiles, however, since the number of profiles also is unlimited and I don't want to put two horizontally scroll able rows on top of each other. The profiles are also more of a legend in that they aren't tappable, so making them horizontally scroll able may give the user the impression that they are tappable elements. Is there a way I can account for an infinite number of profiles within a finite amount of space?
I have considered an accordion/dropdown style, but I'm not sure if theres a better alternative. Heres a wireframe: