update button link styling

evansloan · Jul 30, 2023 · 70a1f5b · 70a1f5b
1 parent f15c5a2
commit 70a1f5b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/elements/Button.tsx b/src/components/elements/Button.tsx
@@ -38,7 +38,7 @@ const Button = (props: ButtonProps) => {
   // Wrap the button in an anchor if we should be redirecting outwards
   if (props.externalLink) {
     buttonContent = (
-      <a href={props.externalLink}>
+      <a href={props.externalLink} className='no-underline text-white'>
         {buttonContent}
       </a>
     );

diff --git a/src/components/elements/__snapshots__/Button.test.tsx.snap b/src/components/elements/__snapshots__/Button.test.tsx.snap
@@ -5,6 +5,7 @@ exports[`Button component should render with external link "https://example.com"
   className="p-2 btn-standard border-black border-2 text-white text-shadow "
 >
   <a
+    className="no-underline text-white"
     href="https://example.com"
   >
     <div
@@ -21,6 +22,7 @@ exports[`Button component should render with external link "https://runelite.net
   className="p-2 btn-standard border-black border-2 text-white text-shadow "
 >
   <a
+    className="no-underline text-white"
     href="https://runelite.net/"
   >
     <div