diff --git a/dotcom-rendering/src/components/Card/Card.tsx b/dotcom-rendering/src/components/Card/Card.tsx index deb42e7a2d4..93dd266e13d 100644 --- a/dotcom-rendering/src/components/Card/Card.tsx +++ b/dotcom-rendering/src/components/Card/Card.tsx @@ -924,7 +924,6 @@ export const Card = ({ imageSize={mediaSize} imagePositionOnDesktop={mediaPositionOnDesktop} imagePositionOnMobile={mediaPositionOnMobile} - isFlexibleContainer={isFlexibleContainer} > { @@ -34,19 +32,10 @@ const sizingStyles = ( switch (imageSize) { case 'small': case 'scrollable-small': - return isFlexibleContainer - ? css` - width: 90px; - height: 90px; - ${until.tablet} { - height: 80px; - width: 80px; - } - ` - : css` - width: 80px; - height: 80px; - `; + return css` + width: 80px; + height: 80px; + `; case 'large': case 'xlarge': return css` @@ -71,6 +60,13 @@ const sizingStyles = ( } `; case 'medium': + case 'carousel': + case 'scrollable-medium': + case 'podcast': + case 'highlights-card': + case 'feature': + case 'feature-large': + case 'feature-immersive': default: return css` width: 90px; @@ -88,7 +84,6 @@ export const AvatarContainer = ({ imageSize, imagePositionOnDesktop, imagePositionOnMobile, - isFlexibleContainer, }: Props) => { const isVerticalOnDesktop = imagePositionOnDesktop === 'top' || imagePositionOnDesktop === 'bottom'; @@ -101,7 +96,6 @@ export const AvatarContainer = ({ sideMarginStyles, sizingStyles( imageSize, - isFlexibleContainer, isVerticalOnDesktop, isVerticalOnMobile, ),