override link text decoration styles

src/components/ButtonLink.tsx

@@ -12,15 +12,21 @@ const ButtonLink: React.FC<IProps> = ({ children, isSecondary, ...props }) => {
    *  Prevent React warning that does not recognize `isSecondary` on DOM
    *  while still sending prop to the theme config
    */
-  const styles = useStyleConfig("Button", { ...props, isSecondary })
+  const styles = useStyleConfig("Button", {
+    ...props,
+    isSecondary,
+  })
 
   return (
     <Button
       as={Link}
-      textDecoration="none"
       activeStyle={{}}
       // `styles` object sent to `sx` prop per convention
-      sx={styles}
+      sx={{
+        ...styles,
+        textDecoration: "none",
+        _hover: { ...styles["_hover"], textDecoration: "none" },
+      }}
       {...props}
     >
       {children}