Add position relative to table container. Remove custom class from visually hidden

Author: minimalsm

src/components/Link.tsx

@@ -135,9 +135,7 @@ const Link: React.FC<IProps> = ({
       >
         <>
           {children}
-          <VisuallyHidden className="visually-hidden">
-            (opens in a new tab)
-          </VisuallyHidden>
+          <VisuallyHidden>(opens in a new tab)</VisuallyHidden>
           {!hideArrow && (
             <Box as="span" ml={0.5} mr={1.5} aria-hidden>
               ↗

src/components/MarkdownTable.tsx

@@ -6,17 +6,14 @@ export interface IProps {
 }
 
 const MarkdownTable: React.FC<IProps> = ({ children }) => (
-  <Box my={8} overflowX="auto">
+  <Box position="relative" my={8} overflowX="auto">
     <Table
       sx={{
         th: {
           borderBottom: "1px solid",
           borderColor: "border",
           whiteSpace: "nowrap",
         },
-        ".chakra-link .visually-hidden": {
-          width: "0px",
-        },
       }}
     >
       {children}