diff --git a/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.html b/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.html
index b9fc51898..3460d9c5e 100644
--- a/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.html
+++ b/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.html
@@ -11,7 +11,7 @@
         <div class="margin-top-s mat-body-1 ws-mat-black60-text">
             {{ ratingSummary?.total_number_of_ratings | pipeCountTransform }} ratings</div>
     </div>
-    <div class="flex items-center margin-bottom-xs" *ngFor="let rating of ratingSummary?.breakDown">
+    <div class="flex items-center margin-bottom-xs" *ngFor="let rating of ratingSummary?.breakDownReverse">
         <div class="mat-body-2 bold-imp margin-right-m">{{rating.key}} star</div>
         <div class="flex items-center rating-progress">
             <mat-progress-bar [mode]="'determinate'" [matTooltip]="rating?.percent + ' %'"
diff --git a/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.ts b/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.ts
index 9ad70e150..f5f044ac8 100644
--- a/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.ts
+++ b/library/ws-widget/collection/src/lib/_common/rating-summary/rating-summary.component.ts
@@ -19,7 +19,7 @@ export class RatingSummaryComponent implements OnInit, OnChanges {
 
   ngOnChanges() {
      if (this.ratingSummary && this.ratingSummary.breakDown) {
-      this.ratingSummary.breakDown = this.ratingSummary.breakDown.reverse()
+      this.ratingSummary.breakDownReverse = this.ratingSummary.breakDown.reverse()
       // console.log('this.ratingSummary.breakDown', this.ratingSummary.breakDown)
     }
   }