From 3c7ab5d77e7a52b3b9b54e945e184c6dd6fb32a2 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 13 Apr 2023 11:51:55 +0800
Subject: [PATCH] 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 | 5 +----
 packages/web/styles/articleInnerStyling.css          | 1 -
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/web/components/patterns/ArticleSubtitle.tsx b/packages/web/components/patterns/ArticleSubtitle.tsx
index f0933cabe..afc6c949f 100644
--- a/packages/web/components/patterns/ArticleSubtitle.tsx
+++ b/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
diff --git a/packages/web/styles/articleInnerStyling.css b/packages/web/styles/articleInnerStyling.css
index 7f1ae2382..5d600dd9d 100644
--- a/packages/web/styles/articleInnerStyling.css
+++ b/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;