diff --git a/components/lib/rating/Rating.css b/components/lib/rating/Rating.css
index eee3b2559d..181ee3368a 100644
--- a/components/lib/rating/Rating.css
+++ b/components/lib/rating/Rating.css
@@ -2,6 +2,6 @@
     cursor: pointer;
 }
 
-.p-rating.p-rating-readonly .p-rating-icon {
+.p-rating.p-readonly .p-rating-icon {
     cursor: default;
 }
diff --git a/components/lib/rating/Rating.js b/components/lib/rating/Rating.js
index 7b70202013..e0a23988e7 100644
--- a/components/lib/rating/Rating.js
+++ b/components/lib/rating/Rating.js
@@ -101,7 +101,7 @@ export const Rating = memo(forwardRef((props, ref) => {
 
     const className = classNames('p-rating', {
         'p-disabled': props.disabled,
-        'p-rating-readonly': props.readOnly
+        'p-readonly': props.readOnly
     }, props.className);
     const cancelIcon = createCancelIcon();
     const stars = createStars();
diff --git a/components/lib/steps/Steps.css b/components/lib/steps/Steps.css
index 77b25c3660..22cf0b9808 100644
--- a/components/lib/steps/Steps.css
+++ b/components/lib/steps/Steps.css
@@ -24,7 +24,7 @@
     text-decoration: none;
 }
 
-.p-steps.p-steps-readonly .p-steps-item {
+.p-steps.p-readonly .p-steps-item {
     cursor: auto;
 }