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,