diff --git a/src/app/_samples/mediaco/components/list-view/list-view.component.html b/src/app/_samples/mediaco/components/list-view/list-view.component.html
index ed7ad660..a49e7cde 100644
--- a/src/app/_samples/mediaco/components/list-view/list-view.component.html
+++ b/src/app/_samples/mediaco/components/list-view/list-view.component.html
@@ -43,8 +43,8 @@ <h3>{{ title }}</h3>
           </div>
         </div>
         <div class="extra-content" *ngIf="item.rating" style="margin-left: auto">
-          <img [src]="utils.getImageSrc('star-solid', utils.getSDKStaticContentUrl())" class="star" />&nbsp;
-          {{ item.rating }}
+          <img [src]="utils.getImageSrc('star-solid', utils.getSDKStaticContentUrl())" class="star" />
+          <div>{{ item.rating }}</div>
         </div>
       </div>
     </div>
diff --git a/src/app/_samples/mediaco/components/list-view/list-view.component.scss b/src/app/_samples/mediaco/components/list-view/list-view.component.scss
index 787787b5..f1bd3c64 100644
--- a/src/app/_samples/mediaco/components/list-view/list-view.component.scss
+++ b/src/app/_samples/mediaco/components/list-view/list-view.component.scss
@@ -129,6 +129,7 @@ $primary-purple: #9c27b0;
 .star {
   filter: brightness(0) saturate(100%) invert(60%) sepia(92%) saturate(748%) hue-rotate(1deg) brightness(101%);
   height: 16px;
+  margin-right: 5px;
 }
 
 .dot {