From de7773ab379782de9d8d1e984effa4c03a5a768c Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Mon, 22 Jul 2024 12:48:47 +0300
Subject: [PATCH] Fixed #6017 - TABS: Globally enabling Ripple breaks
 Scrollable Tabs

---
 packages/primevue/src/tabs/style/TabsStyle.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/primevue/src/tabs/style/TabsStyle.js b/packages/primevue/src/tabs/style/TabsStyle.js
index c51874f47..7676f8062 100644
--- a/packages/primevue/src/tabs/style/TabsStyle.js
+++ b/packages/primevue/src/tabs/style/TabsStyle.js
@@ -7,6 +7,7 @@ const theme = ({ dt }) => `
 }
 
 .p-tablist {
+    display: flex;
     position: relative;
 }
 
@@ -35,9 +36,14 @@ const theme = ({ dt }) => `
     border-width: ${dt('tabs.tablist.border.width')};
 }
 
+.p-tablist-content {
+    flex-grow: 1;
+}
+
 .p-tablist-nav-button {
     all: unset;
-    position: absolute;
+    position: absolute !important;
+    flex-shrink: 0;
     top: 0;
     z-index: 2;
     height: 100%;
@@ -73,6 +79,7 @@ const theme = ({ dt }) => `
 }
 
 .p-tab {
+    flex-shrink: 0;
     cursor: pointer;
     user-select: none;
     position: relative;