Fix spacing between headine and stars/pill

Author: domlander

dotcom-rendering/src/components/Masthead/HighlightsCard.tsx

@@ -98,6 +98,7 @@ const hoverStyles = css`
 const content = css`
 	display: flex;
 	flex-direction: column;
+	justify-content: space-between;
 	gap: ${space[1]}px;
 
 	${from.tablet} {

dotcom-rendering/src/components/ScrollableHighlights.importable.tsx

@@ -50,7 +50,6 @@ const carouselStyles = css`
 		scroll-padding-left: 160px;
 		padding-left: 160px;
 	}
-
 	${from.wide} {
 		scroll-padding-left: 240px;
 		padding-left: 240px;
@@ -162,7 +161,7 @@ const generateCarouselColumnStyles = (totalCards: number) => {
 /**
  * Typically, Ophan tracking data gets determined in the front layout component.
  * As the highlights exists outside of this front layout (in the header), we need to construct these fields here.
- * */
+ */
 const getOphanInfo = (frontId?: string) => {
 	const ophanComponentName = ophanComponentId('highlights');
 	const ophanComponentLink = `container-${0} | ${ophanComponentName}`;