diff --git a/code/web/interface/themes/responsive/CollectionSpotlight/horizontalCarousel.tpl b/code/web/interface/themes/responsive/CollectionSpotlight/horizontalCarousel.tpl
index 1fe1e2b0bd..594c6efbf6 100644
--- a/code/web/interface/themes/responsive/CollectionSpotlight/horizontalCarousel.tpl
+++ b/code/web/interface/themes/responsive/CollectionSpotlight/horizontalCarousel.tpl
@@ -1,4 +1,4 @@
-<div role="tabpanel" aria-labelledby="spotlightTab{$list->id}" id="tab-{$wrapperId}"{if !empty($display) && $display == 'false'} style="display:none"{/if} class="titleScroller tab-pane{if !empty($active)} active{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->coverSize == 'medium'} mediumScroller{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->showRatings} scrollerWithRatings{/if}">
+<div role="tabpanel" aria-labelledby="spotlightTab{$list->id}" id="tab-{$wrapperId}"{if !empty($display) && $display == 'false'} style="display:none"{/if} class="titleScroller tab-pane{if !empty($active)} active{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->coverSize == 'medium'} mediumScroller{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->coverSize == 'small'} smallScroller{/if}{if !empty($collectionSpotlight) && $collectionSpotlight->showRatings} scrollerWithRatings{/if}">
 {if !empty($showCollectionSpotlightTitle)}
 	<div id="tab-{$wrapperId}Header" class="titleScrollerHeader">
 		{if !empty($showCollectionSpotlightTitle) && !empty($scrollerTitle)}
@@ -7,7 +7,7 @@
 	</div>
 {/if}
 <div class="jcarousel-wrapper horizontalCarouselSpotlightWrapper">
-	<div class="jcarousel horizontalCarouselSpotlight {if $collectionSpotlight->coverSize == 'medium'}mediumScroller{/if}" id="collectionSpotlightCarousel{$list->id}">
+	<div class="jcarousel horizontalCarouselSpotlight {if $collectionSpotlight->coverSize == 'medium'}mediumScroller{/if}{if $collectionSpotlight->coverSize == 'small'}smallScroller{/if}" id="collectionSpotlightCarousel{$list->id}">
 		<div class="loading">{translate text="Loading carousel items..." isPublicFacing=true }</div>
 	</div>
 
diff --git a/code/web/interface/themes/responsive/css-rtl/main.css b/code/web/interface/themes/responsive/css-rtl/main.css
index 81416300e9..be44d464ac 100644
--- a/code/web/interface/themes/responsive/css-rtl/main.css
+++ b/code/web/interface/themes/responsive/css-rtl/main.css
@@ -9627,6 +9627,12 @@ a.browse-thumbnail.active {
   right: 0;
   left: 0;
 }
+.horizontalCarouselSpotlightWrapper .smallScroller .scrollerTitleCover {
+  width: auto;
+}
+.horizontalCarouselSpotlightWrapper .smallScroller .carouselScrollerTitle .carouselScrollerTitleImage {
+  height: 140px;
+}
 .moreLikeThisWrapper li.carouselTitleWrapper,
 .seriesWrapper li.carouselTitleWrapper {
   width: 140px !important;
diff --git a/code/web/interface/themes/responsive/css-rtl/title-scroller.less b/code/web/interface/themes/responsive/css-rtl/title-scroller.less
index 761741f2d6..8bce896295 100644
--- a/code/web/interface/themes/responsive/css-rtl/title-scroller.less
+++ b/code/web/interface/themes/responsive/css-rtl/title-scroller.less
@@ -121,6 +121,14 @@
     right: 0;
     left: 0;
   }
+  .smallScroller {
+    .scrollerTitleCover{
+      width: auto;
+    }
+    .carouselScrollerTitle .carouselScrollerTitleImage {
+      height: 140px;
+    }
+  }
 }
 
 .moreLikeThisWrapper,.seriesWrapper {
diff --git a/code/web/interface/themes/responsive/css/main.css b/code/web/interface/themes/responsive/css/main.css
index 2e2889a863..e3d00264cf 100644
--- a/code/web/interface/themes/responsive/css/main.css
+++ b/code/web/interface/themes/responsive/css/main.css
@@ -9807,6 +9807,12 @@ a.browse-thumbnail.active {
   left: 0;
   right: 0;
 }
+.horizontalCarouselSpotlightWrapper .smallScroller .scrollerTitleCover {
+  width: auto;
+}
+.horizontalCarouselSpotlightWrapper .smallScroller .carouselScrollerTitle .carouselScrollerTitleImage {
+  height: 140px;
+}
 .moreLikeThisWrapper li.carouselTitleWrapper,
 .seriesWrapper li.carouselTitleWrapper {
   width: 140px !important;
diff --git a/code/web/interface/themes/responsive/css/title-scroller.less b/code/web/interface/themes/responsive/css/title-scroller.less
index 5ad9023d10..c462038e0c 100644
--- a/code/web/interface/themes/responsive/css/title-scroller.less
+++ b/code/web/interface/themes/responsive/css/title-scroller.less
@@ -121,6 +121,14 @@
     left: 0;
     right: 0;
   }
+  .smallScroller {
+    .scrollerTitleCover {
+      width: auto;
+    }
+    .carouselScrollerTitle .carouselScrollerTitleImage{
+      height: 140px;
+    }
+  }
 }
 
 .moreLikeThisWrapper,.seriesWrapper {
diff --git a/code/web/release_notes/24.06.00.MD b/code/web/release_notes/24.06.00.MD
index 04664cb29a..8a80b8e48e 100644
--- a/code/web/release_notes/24.06.00.MD
+++ b/code/web/release_notes/24.06.00.MD
@@ -133,10 +133,18 @@
 - Added new Documentation links to several settings pages (*MKD*)
 - Updates to default user roles: removed testing roles and a couple uncommonly used roles; updated role titles (*MKD*)
 
+
+//Pedro - PTFS
+### Other Updates
+- Fix display of 'small' covers in collection spotlights (*PA*)
+
 ## This release includes code contributions from
 - ByWater Solutions
   - Mark Noble (MDN)
   - Kirstin Kroeger (KK)
   - Kodi Lein (KL)
   - Liz Rea (LR)
-  - Morgan Daigneault (MKD)
\ No newline at end of file
+  - Morgan Daigneault (MKD)
+
+- PTFS-Europe
+  - Pedro Amorim (PA)
\ No newline at end of file