diff --git a/dotcom-rendering/src/components/SupportingContent.tsx b/dotcom-rendering/src/components/SupportingContent.tsx
index 015ae38426..f386c9ce20 100644
--- a/dotcom-rendering/src/components/SupportingContent.tsx
+++ b/dotcom-rendering/src/components/SupportingContent.tsx
@@ -124,7 +124,8 @@ const wrapperStyles = css`
 const backgroundFill = css`
 	/** background fill should only apply to sublinks on mobile breakpoints */
 	${until.tablet} {
-		padding: 8px;
+		padding: ${space[2]}px;
+		padding-bottom: ${space[3]}px;
 		background-color: ${palette('--card-sublinks-background')};
 	}
 `;