CORE-1318

Author: RoyEJohnson

src/app/content/highlights/components/cardStyles.ts

@@ -60,12 +60,11 @@ const overlapDisplay = css`
 `;
 
 const rightSideDisplay = css`
-  left: unset;
-  right: 0;
+    left: calc(50% + (${contentTextWidth}rem / 2) + ${cardContentMargin}rem);
+  right: unset;
   top: ${(props: CardProps) => `${props.topOffset || getHighlightBottomOffset(props.container, props.highlight)}px;`}
   ${(props: CardProps) => !!props.isActive && css`
     left: calc(50% + (${contentTextWidth}rem / 2) + ${cardFocusedContentMargin}rem);
-    right: unset;
   `}
 `;