only move position of card branding if the card is not onwards content

Author: cemms1

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

@@ -1164,7 +1164,9 @@ export const Card = ({
 										age={decideAge()}
 										commentCount={<CommentCount />}
 										cardBranding={
-											!showLabsRedesign && branding
+											(isOnwardContent ||
+												!showLabsRedesign) &&
+											branding
 												? getBranding()
 												: undefined
 										}
@@ -1274,6 +1276,7 @@ export const Card = ({
 			</div>
 
 			{showLabsRedesign &&
+				!isOnwardContent &&
 				format.theme === ArticleSpecial.Labs &&
 				branding &&
 				getBranding()}

dotcom-rendering/src/components/SponsoredContentLabel.tsx

@@ -34,14 +34,14 @@ const labelStyles = css`
 `;
 
 const wrapperStyles = css`
+	padding-top: ${space[1]}px;
 	display: flex;
-	gap: ${space[2]}px;
 	justify-content: end;
-	height: 60px;
 `;
 
 const horizontalStyles = css`
 	align-items: center;
+	gap: ${space[2]}px;
 `;
 
 const verticalStyles = {
@@ -55,6 +55,7 @@ const verticalStyles = {
 };
 
 const linkStyles = css`
+	height: 60px;
 	/* See: https://css-tricks.com/nested-links/ */
 	z-index: ${getZIndex('card-nested-link')};
 `;