In these cases instead of breaking the line maybe it would be better to keep everyone on the same lines but with scroll? this looks a lot better on a mobile UI especially when you can have multiple tabs.

Hey gusy! I would say double scroll is not a good practice, there is not something in WCAG speaking directly about that, but Reflow speaks about two dimensions scrolling https://www.w3.org/WAI/WCAG21/Understanding/reflow.html

If we could predict this problem, probably we could change tabs by pills tabs, something like:

Or use lines to delimit the tabs:

This could work better, even if we need JS to know if we are showing the component in more than a line.

@marcoscv-work could we not consider this behavior similar to the behavior of a table with horizontal scrolling for smaller screens so as not to break the view?

This has been here too long. I'm going to close for now.