diff --git a/dotcom-rendering/src/components/Card/Card.tsx b/dotcom-rendering/src/components/Card/Card.tsx index 115e861b443..43a642eb08f 100644 --- a/dotcom-rendering/src/components/Card/Card.tsx +++ b/dotcom-rendering/src/components/Card/Card.tsx @@ -383,7 +383,7 @@ export const Card = ({ const isFlexibleSpecialContainer = containerType === 'flexible/special'; const headlinePosition = - isFlexSplash && isFlexibleContainer ? 'outer' : 'inner'; + isFlexSplash && isFlexibleSpecialContainer ? 'outer' : 'inner'; /** Determines the gap of between card components based on card properties */ const getGapSize = (): GapSize => { diff --git a/dotcom-rendering/src/components/FlexibleGeneral.tsx b/dotcom-rendering/src/components/FlexibleGeneral.tsx index 1dee6b750b7..92dc1b4209c 100644 --- a/dotcom-rendering/src/components/FlexibleGeneral.tsx +++ b/dotcom-rendering/src/components/FlexibleGeneral.tsx @@ -174,6 +174,7 @@ export const SplashCardLayout = ({ kickerText={card.kickerText} showLivePlayable={card.showLivePlayable} boostedFontSizes={true} + isFlexSplash={true} />