From 805bcdd2e204856e9180024e9813207a7d73138c Mon Sep 17 00:00:00 2001
From: Charlotte Emms <43961396+cemms1@users.noreply.github.com>
Date: Tue, 10 Dec 2024 14:52:37 +0000
Subject: [PATCH] use trail text colour for text and kicker colour for
 circle/bullet point in latest links component (#12977)

---
 dotcom-rendering/src/components/LatestLinks.importable.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/dotcom-rendering/src/components/LatestLinks.importable.tsx b/dotcom-rendering/src/components/LatestLinks.importable.tsx
index cc9646b54ef..dc386ffd0a7 100644
--- a/dotcom-rendering/src/components/LatestLinks.importable.tsx
+++ b/dotcom-rendering/src/components/LatestLinks.importable.tsx
@@ -61,7 +61,7 @@ const bold = css`
 		width: 0.75em;
 		margin-right: ${space[1]}px;
 		display: inline-block;
-		background-color: currentColor;
+		background-color: ${themePalette('--card-kicker-text')};
 		border-radius: 100%;
 	}
 `;
@@ -186,7 +186,7 @@ export const LatestLinks = ({
 									{index > 0 && (
 										<li
 											key={block.id + ' : divider'}
-											css={[dividerStyles]}
+											css={dividerStyles}
 										></li>
 									)}
 									<li
@@ -201,7 +201,7 @@ export const LatestLinks = ({
 												css={bold}
 												style={{
 													color: themePalette(
-														'--card-kicker-text',
+														'--card-trail-text',
 													),
 												}}
 											>