From 65891a904c0da91ec40123bc20c43930d8e9d7e6 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 14 Oct 2021 08:22:17 -0500
Subject: [PATCH] Button: remove text-decoration when wrapped with a <Link/>

---
 app/soapbox/components/button.js   | 2 +-
 app/styles/components/buttons.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/components/button.js b/app/soapbox/components/button.js
index 214ce7b53..87007d17d 100644
--- a/app/soapbox/components/button.js
+++ b/app/soapbox/components/button.js
@@ -66,7 +66,7 @@ export default class Button extends React.PureComponent {
 
     if (this.props.to) {
       return (
-        <Link to={this.props.to} tabIndex={-1}>
+        <Link to={this.props.to} tabIndex={-1} className='button__link'>
           {btn}
         </Link>
       );
diff --git a/app/styles/components/buttons.scss b/app/styles/components/buttons.scss
index d312bbf2d..b0f6dd308 100644
--- a/app/styles/components/buttons.scss
+++ b/app/styles/components/buttons.scss
@@ -37,6 +37,10 @@ button {
     margin-right: 5px;
   }
 
+  &__link {
+    text-decoration: none;
+  }
+
   &:active,
   &:focus,
   &:hover {