Remove position: relative in unneeded places

- relative positioning causes it to create its own box, so
it gets its on z-index, removing this prevents it from showing
above the label modal.

packages/web/components/patterns/ArticleSubtitle.tsx

@@ -18,10 +18,7 @@ export function ArticleSubtitle(props: ArticleSubtitleProps): JSX.Element {
   return (
     <Box>
       <StyledText style={textStyle} css={{ wordBreak: 'break-word' }}>
-        {subtitle}{' '}
-        {subtitle && (
-          <span style={{ position: 'relative', bottom: 1 }}>• </span>
-        )}{' '}
+        {subtitle} {subtitle && <span style={{ bottom: 1 }}>• </span>}{' '}
         {!props.hideButton && !shouldHideUrl(props.href) && (
           <>
             <StyledLink

packages/web/styles/articleInnerStyling.css

@@ -260,7 +260,6 @@ on smaller screens we display the note icon
 
 .article-inner-css sup,
 .article-inner-css sub {
-  position: relative;
   a {
     color: inherit;
     pointer-events: none;