fix: update HeroAction text decoration styles

acid-info · Jul 13, 2023 · e3d20dd · e3d20dd
1 parent 8a472e9
commit e3d20dd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroAction/HeroAction.scss b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroAction/HeroAction.scss
@@ -1,6 +1,13 @@
 @use '../../../css/utils';
 
 .mdx-hero-action {
+  &:hover,
+  button:hover {
+    &,
+    * {
+      text-decoration: none !important;
+    }
+  }
 }
 
 .mdx-hero-action--large {

diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroAction/HeroAction.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroAction/HeroAction.tsx
@@ -21,7 +21,11 @@ export const HeroAction: React.FC<HeroActionProps> = ({
       {...props}
     >
       <Button variant={variant} size={size}>
-        <Typography variant="label1" style={{ color: 'inherit' }}>
+        <Typography
+          component="span"
+          variant="label1"
+          style={{ color: 'inherit' }}
+        >
           {children}
         </Typography>
       </Button>