diff --git a/packages/x-components/src/components/base-rating.vue b/packages/x-components/src/components/base-rating.vue
index e3c6591251..e4c74beae0 100644
--- a/packages/x-components/src/components/base-rating.vue
+++ b/packages/x-components/src/components/base-rating.vue
@@ -83,6 +83,7 @@
   .x-rating {
     position: relative;
     display: inline-block;
+    max-width: fit-content;
 
     &--empty {
       overflow: hidden;