title: VueJS tab selection indicator moves on page load
body: <p>Tab indicator moves little right when page reload for the first time or sometimes it covers all width, not selected as the second image</p>
  <p><a href="https://i.stack.imgur.com/oqWj1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oqWj1.png" alt="On First load error " /></a></p>
  <p>sometimes it covers all width, not selected like this.</p>
  <p><a href="https://i.stack.imgur.com/aEvYV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aEvYV.png" alt="On First load sometimes" /></a></p>
  <p>But it's working fine after clicking on any tab like the image below</p>
  <p><a href="https://i.stack.imgur.com/oKiI0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oKiI0.png" alt="working after click any tab" /></a></p>