fix: border on buttons

Misfits-Labs · Nov 14, 2023 · 676ea2a · 676ea2a
1 parent 1ae3633
commit 676ea2a
Showing 1 changed file with 1 addition and 4 deletions.
diff --git a/src/components/Button/types.ts b/src/components/Button/types.ts
@@ -23,12 +23,9 @@ interface ButtonProps {
 
 export const PrimaryButton = styled(BaseButton)<ButtonProps>(
   ({disabled}) => !disabled ? [
-    tw`dark:text-pretu dark:bg-gradient-to-r from-oranjo-blanc to-oranjo hover:outline hover:outline-blanc`,
+    tw`dark:text-pretu dark:bg-gradient-to-r from-oranjo-blanc to-oranjo border border-transparent border-[1.5px] hover:border-blanc`,
     `
     box-shadow: 0px 1px 5px 0px #090300;
-    &:hover {
-      outline-width: 1.5px;
-    }
     `
   ] : [
     tw`dark:text-pretu dark:opacity-50 dark:bg-gradient-to-r from-oranjo-blanc to-oranjo`,