From b3567e988120650948fdaea3b627343b6185b1b7 Mon Sep 17 00:00:00 2001
From: Anna Beddow <anna.beddow@gmail.com>
Date: Thu, 9 Jan 2025 09:44:53 +0000
Subject: [PATCH] Correctly align outer sublinks and livelinks (#13087)

* Correctly align sublinks and livelinks

* Apply styles only to beta containers
---
 dotcom-rendering/src/components/Card/Card.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/dotcom-rendering/src/components/Card/Card.tsx b/dotcom-rendering/src/components/Card/Card.tsx
index 18e5a04d50..f925dcd253 100644
--- a/dotcom-rendering/src/components/Card/Card.tsx
+++ b/dotcom-rendering/src/components/Card/Card.tsx
@@ -1008,6 +1008,15 @@ export const Card = ({
 			</CardLayout>
 
 			<div
+				css={
+					/** If beta containers have liveblog links or sublink links in the outer position, we set flex-basis so that they sit below the image */
+					isBetaContainer &&
+					(liveUpdatesPosition === 'outer' ||
+						sublinkPosition === 'outer') &&
+					css`
+						flex-basis: 100%;
+					`
+				}
 				style={{
 					padding:
 						isMediaCard || isOnwardContent ? `0 ${space[2]}px` : 0,