From ca1aadb1da523b602cdbae908678d287dcdce1ab Mon Sep 17 00:00:00 2001
From: Corban Riley <corbanbrook@gmail.com>
Date: Wed, 10 Apr 2024 19:32:54 -0400
Subject: [PATCH] Fixing text-decoration on Button

---
 src/components/Button/styles.css.ts | 15 +++++++--------
 src/css/global.css.ts               |  1 -
 src/css/sprinkles.css.ts            |  2 ++
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Button/styles.css.ts b/src/components/Button/styles.css.ts
index d6e9d5e3a..6277d3ce7 100644
--- a/src/components/Button/styles.css.ts
+++ b/src/components/Button/styles.css.ts
@@ -12,14 +12,13 @@ const outlineStyle = {
 } as const
 
 export const buttonVariants = recipe({
-  base: [
-    atoms({
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      alignItems: 'center',
-    }),
-    { border: 'none' },
-  ],
+  base: atoms({
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    alignItems: 'center',
+    border: 'none',
+    textDecoration: 'none',
+  }),
 
   variants: {
     variant: {
diff --git a/src/css/global.css.ts b/src/css/global.css.ts
index 93f371a38..1e5ccdecc 100644
--- a/src/css/global.css.ts
+++ b/src/css/global.css.ts
@@ -14,7 +14,6 @@ globalStyle('*', {
   margin: 0,
   outline: 'unset',
   padding: 0,
-  textDecoration: 'unset',
 })
 
 globalStyle('*, *::before, *::after', {
diff --git a/src/css/sprinkles.css.ts b/src/css/sprinkles.css.ts
index afbcc1eee..b65f2dfad 100644
--- a/src/css/sprinkles.css.ts
+++ b/src/css/sprinkles.css.ts
@@ -134,6 +134,7 @@ const unresponsiveProperties = defineProperties({
     fontFamily: vars.fonts,
     textOverflow: ['ellipsis', 'clip'],
     textTransform: ['capitalize', 'lowercase', 'uppercase'],
+    textDecoration: ['none', 'underline'],
     userSelect: ['none', 'text', 'all', 'auto'],
     whiteSpace: ['normal', 'nowrap', 'initial', 'inherit'],
     wordBreak: ['break-word'],
@@ -179,6 +180,7 @@ const selectorProperties = defineProperties({
     borderRightStyle: borderStyles,
     borderTopColor: vars.colors,
     borderTopStyle: borderStyles,
+    border: ['none'],
     color: vars.colors,
     cursor: ['default', 'pointer', 'text'],
     opacity: vars.opacity,