Show top bar on non-top cards in flex gen secondary containers

Author: domlander

dotcom-rendering/src/components/Card/components/CardWrapper.tsx

@@ -62,7 +62,7 @@ const sublinkHoverStyles = css`
 	}
 `;
 
-const desktopTopBarStyles = css`
+const topBarStyles = css`
 	:before {
 		border-top: 1px solid ${palette('--card-border-top')};
 		content: '';
@@ -72,12 +72,14 @@ const desktopTopBarStyles = css`
 		background-color: unset;
 	}
 `;
-
 const mobileTopBarStyles = css`
 	${until.tablet} {
-		${desktopTopBarStyles}
+		${topBarStyles}
 	}
 `;
+const desktopTopBarStyles = css`
+	${topBarStyles}
+`;
 
 const onwardContentStyles = css`
 	border-radius: ${space[2]}px;

dotcom-rendering/src/components/FlexibleGeneral.tsx

@@ -506,7 +506,8 @@ export const StandardCardLayout = ({
 							showTopBarMobile={
 								!isFirstRow ||
 								(containerLevel === 'Primary' &&
-									!isMediaCard(card.format))
+									!isMediaCard(card.format)) ||
+								(containerLevel !== 'Primary' && cardIndex > 0)
 							}
 							trailText={undefined}
 							// On standard cards, we increase the headline size if the trail image has been hidden