Same for Scrollable Small

Author: domlander

dotcom-rendering/src/components/Card/components/MediaWrapper.tsx

@@ -25,6 +25,7 @@ export type MediaSizeType =
 	| 'xlarge'
 	| 'jumbo'
 	| 'carousel'
+	| 'scrollable-small'
 	| 'scrollable-medium'
 	| 'podcast'
 	| 'highlights-card'

dotcom-rendering/src/components/CardPicture.tsx

@@ -50,6 +50,11 @@ const decideImageWidths = (
 				{ breakpoint: breakpoints.mobile, width: 220, aspectRatio },
 			];
 
+		case 'scrollable-small':
+			return [
+				{ breakpoint: breakpoints.mobile, width: 86, aspectRatio },
+				{ breakpoint: breakpoints.tablet, width: 123, aspectRatio },
+			];
 		case 'scrollable-medium':
 			return [
 				{ breakpoint: breakpoints.mobile, width: 200, aspectRatio },

dotcom-rendering/src/components/ScrollableSmall.importable.tsx

@@ -92,7 +92,7 @@ export const ScrollableSmall = ({
 							}}
 							mediaPositionOnDesktop="left"
 							mediaPositionOnMobile="left"
-							mediaSize="small"
+							mediaSize="scrollable-small"
 							trailText={undefined} // unsupported
 							supportingContent={undefined} // unsupported
 							aspectRatio={aspectRatio}