Video.js(vue-video-player)内でプログレスバーをドラッグした際にズレが出てしまうのを修正したい

Question

前提・実現したいこと

現在Nuxt(Vue)を使用した開発でvue-video-player(video.js)というプラグインを使用しているのですが、
controls内のプログレスバーをドラッグして再生箇所を調整したときに、実際にドラッグしている場所とプログレスバー上の再生箇所にずれがでてしまいます。

動画を全画面表示し、再生箇所を調整してみたところ、正常にドラッグで調整ができました。
おそらくcssでcontrols内の要素のスタイル(width, height等)を変更しているのが原因だと考えています。

なにか良い解決方法を知っている方はいませんか？
それとも、video.js内の要素のスタイルは無理やり変更しないほうが良いのでしょうか。

よろしければアドバイス等いただけますと幸いです。

よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

"nuxt": "^2.4.2",
"vue-video-player": "^5.0.2"