Tabs: Ripple Position

[Rojta]

Describe the bug

The tabs component ripple effect is not the right size and position. Same problem on the docs website and my local project.

Reproducer

https://v4.primevue.org/tabs/#basic

PrimeVue version

4.0.0-beta.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Go to https://v4.primevue.org/tabs/#basic
2. Enable ripple effect, and dark mode (the easier to see the ripple), and change tabs.
3. See that the ripple size is too big and the position is not at the right spot.

Expected behavior

It should be like the v3 Tabview when ripple is enabled.