VueJS tab selection indicator moves on page load

Tab indicator moves little right when page reload for the first time or sometimes it covers all width, not selected as the second image

sometimes it covers all width, not selected like this.

But it's working fine after clicking on any tab like the image below

Finally, I solved this issue by changing the v-tabs class from centered to fixed-tabs. Maybe the issue was in centered class because of the parent view also in the center.