IonTabBar with multiple rows

Hello all!
I’m trying to create a Tabs navigation with the IonTabBar having two rows of IonTabButtons and I can’t manage to do it. I tried to use two IonTabBars but it only renders the last one. I also tried to add a div in between my two rows of IonTabButtons but somehow the IonTabBar ignores it and never actually adds it to the DOM. I also tried to add {flex-wrap: wrap} to the IonTabBar and {flex-basis: 100%} to the last IonTabButton of the first row, no dice.

Here are pictures showing what I’m trying to achieve
Defaut state, menu closed:

and then with the second row visible:

Thanks for your help!

Shameless bump with atleast 20 characters!