fix(clerk-js): Override border inside variants in polishedAppearance (#…

…2768)
clerk · Feb 9, 2024 · 6e008e4 · 6e008e4
1 parent 0cf3600
commit 6e008e4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/.changeset/many-starfishes-warn.md b/.changeset/many-starfishes-warn.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/clerk-js/src/ui/polishedAppearance.ts b/packages/clerk-js/src/ui/polishedAppearance.ts
@@ -8,8 +8,8 @@ export const polishedAppearance = {
   elements: ({ theme }: { theme: InternalTheme }) => {
     return {
       button: {
-        border: 0,
         '&[data-variant="solid"]': {
+          border: 0,
           '&:hover': null,
           '&:focus': null,
           '&:after': {
@@ -32,6 +32,7 @@ export const polishedAppearance = {
           boxShadow: `0px 0px 0px 1px ${theme.colors.$primary500}, 0px 1px 1px 0px rgba(255, 255, 255, 0.07) inset, 0px 2px 3px 0px rgba(34, 42, 53, 0.20), 0px 1px 1px 0px rgba(0, 0, 0, 0.24)`,
         },
         '&[data-variant="outline"]': {
+          border: 0,
           boxShadow:
             '0px 2px 3px -1px rgba(0, 0, 0, 0.08), 0px 1px 0px 0px rgba(0, 0, 0, 0.02), 0px 0px 0px 1px rgba(0, 0, 0, 0.08)',
         },