Just realized what the problem was. The q-tabs component checks the width of all q-tab that are existing when the component is mounted, and it checks everytime the screen size changes. But while my dates are added dynamicaly after the q-tab mount ( when the server responds), the q-tab did not notice length was now actually bigger even though window size did not change. I added v-if so q-tabs is now loaded after the dates loaded and now it works properly

On default it is not scrollable but when you change window width it adds some class called “scrollable” to element inside q-tabs, which then enables rendering of the arrows. The scrollable class has no css though.
Example of error:
https://gyazo.com/e2fe9ae92ea5225a8cc12bdf2265efed

I dislike the way it renders the star icons. What can i do if i want to render 4 and a half stars. For example i have an 4,9 rating on an object and it renders only 4 stars. It is impossible to get 5 stars on an object with many ratings. I know i can round it myself, but the half icon is still missing and i think that would be a good implementation to the rating component. Im not complaining but the half star is on every website that I visited that has ratings.