diff --git a/components/lib/scrollpanel/style/ScrollPanelStyle.js b/components/lib/scrollpanel/style/ScrollPanelStyle.js
index b2fc7784a..bfca1ee8e 100644
--- a/components/lib/scrollpanel/style/ScrollPanelStyle.js
+++ b/components/lib/scrollpanel/style/ScrollPanelStyle.js
@@ -2,10 +2,10 @@ import BaseStyle from 'primevue/base/style';
 
 const classes = {
     root: 'p-scrollpanel p-component',
-    wrapper: 'p-scrollpanel-wrapper',
+    wrapper: 'p-scrollpanel-content-container',
     content: 'p-scrollpanel-content',
-    barx: 'p-scrollpanel-bar p-scrollpanel-bar-x',
-    bary: 'p-scrollpanel-bar p-scrollpanel-bar-y'
+    barX: 'p-scrollpanel-bar p-scrollpanel-bar-x',
+    barY: 'p-scrollpanel-bar p-scrollpanel-bar-y'
 };
 
 export default BaseStyle.extend({
diff --git a/components/lib/themes/primeone/base/scrollpanel/index.js b/components/lib/themes/primeone/base/scrollpanel/index.js
index 349418903..cd5a0523e 100644
--- a/components/lib/themes/primeone/base/scrollpanel/index.js
+++ b/components/lib/themes/primeone/base/scrollpanel/index.js
@@ -1,6 +1,6 @@
 export default {
     css: ({ dt }) => `
-.p-scrollpanel-wrapper {
+.p-scrollpanel-content-container {
     overflow: hidden;
     width: 100%;
     height: 100%;