Fix table overflow caused by VisuallyHidden width

Author: minimalsm

src/components/Link.tsx

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

src/components/MarkdownTable.tsx

@@ -14,6 +14,9 @@ const MarkdownTable: React.FC<IProps> = ({ children }) => (
           borderColor: "border",
           whiteSpace: "nowrap",
         },
+        ".chakra-link .visually-hidden": {
+          width: "0px",
+        },
       }}
     >
       {children}