Remove text decoration from Link

src/Components/MaterialCard.js

@@ -72,7 +72,7 @@ export default function MaterialCard(props) {
             <CardActions style={{ borderTop: "1px solid #e5e5e5", justifyContent: "center" }}>
                 {
                     width <= 767 ?
-                        <StyledLink to={`/colecao?colecao=${props.id}`}>
+                        <Link style={{textDecoration : "none"}} to={`/colecao?colecao=${props.id}`}>
                             <Button
                                 color="secondary"
                                 endIcon={<ExpandMoreRoundedIcon />}
@@ -80,7 +80,7 @@ export default function MaterialCard(props) {
 
                                 Ver módulos
                             </Button>
-                        </StyledLink>
+                        </Link>
                         :
                         <Button
                             color="secondary"
@@ -110,8 +110,4 @@ const Title = styled(Typography)`
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
-`
-const StyledLink = styled(Link)`
-	text-decoration: none ;
-	color: inherit ;
 `
\ No newline at end of file