From 3b67c41b8fd12d23b5d2cb7730a1aaedc480aac4 Mon Sep 17 00:00:00 2001
From: Anna Beddow <anna.beddow@gmail.com>
Date: Tue, 3 Dec 2024 11:29:16 +0000
Subject: [PATCH] pass through fairground container logic

---
 dotcom-rendering/src/components/Card/Card.tsx               | 1 +
 .../src/components/Card/components/CardLayout.tsx           | 6 ++----
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/dotcom-rendering/src/components/Card/Card.tsx b/dotcom-rendering/src/components/Card/Card.tsx
index 46d6732b073..2be96b32a7e 100644
--- a/dotcom-rendering/src/components/Card/Card.tsx
+++ b/dotcom-rendering/src/components/Card/Card.tsx
@@ -605,6 +605,7 @@ export const Card = ({
 				imageType={media?.type}
 				containerType={containerType}
 				gapSize={getGapSize()}
+				isFairgroundContainer={isFairgroundContainer}
 			>
 				{media && (
 					<ImageWrapper
diff --git a/dotcom-rendering/src/components/Card/components/CardLayout.tsx b/dotcom-rendering/src/components/Card/components/CardLayout.tsx
index a3e8eecf349..7f57463dd52 100644
--- a/dotcom-rendering/src/components/Card/components/CardLayout.tsx
+++ b/dotcom-rendering/src/components/Card/components/CardLayout.tsx
@@ -3,7 +3,6 @@ import { isUndefined } from '@guardian/libs';
 import { from, space, until } from '@guardian/source/foundations';
 import type { DCRContainerType } from '../../../types/front';
 import type { CardImageType } from '../../../types/layout';
-import { FAIRGROUND_CONTAINERS } from '../Card';
 import type { ImagePositionType } from './ImageWrapper';
 
 const padding = 20;
@@ -19,6 +18,7 @@ type Props = {
 	minWidthInPixels?: number;
 	containerType?: DCRContainerType;
 	gapSize?: GapSize;
+	isFairgroundContainer: boolean;
 };
 
 const containerStyles = css`
@@ -166,10 +166,8 @@ export const CardLayout = ({
 	imageType,
 	containerType,
 	gapSize = 'small',
+	isFairgroundContainer,
 }: Props) => {
-	const isFairgroundContainer = FAIRGROUND_CONTAINERS.includes(
-		containerType ?? '',
-	);
 	return (
 		<div
 			css={[