diff --git a/dotcom-rendering/src/components/FeatureCard.tsx b/dotcom-rendering/src/components/FeatureCard.tsx
index 2c8578479b..da0cd779d9 100644
--- a/dotcom-rendering/src/components/FeatureCard.tsx
+++ b/dotcom-rendering/src/components/FeatureCard.tsx
@@ -107,9 +107,9 @@ const overlayStyles = css`
 	flex-direction: column;
 	justify-content: flex-start;
 	flex-grow: 1;
-	padding: 8px;
-	row-gap: 8px;
-	backdrop-filter: blur(12px);
+	padding: ${space[2]}px;
+	row-gap: ${space[2]}px;
+	backdrop-filter: blur(12px) brightness(0.7);
 `;
 
 const getMedia = ({