From 2816f2a4405669e4dd92c5e15d66c840fb7472f7 Mon Sep 17 00:00:00 2001
From: cesarhenrq <cesaarhvb@gmail.com>
Date: Tue, 26 Sep 2023 23:08:51 -0300
Subject: [PATCH] fix: border color behavior

---
 src/components/Button/styles.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Button/styles.ts b/src/components/Button/styles.ts
index bf829f4..e34e527 100644
--- a/src/components/Button/styles.ts
+++ b/src/components/Button/styles.ts
@@ -5,7 +5,8 @@ export const Button = styled.button<ButtonProps>`
   border-radius: 0.5rem;
   background-color: ${({ backgroundColor }) =>
     backgroundColor ? `var(--${backgroundColor})` : 'var(--yellow)'};
-  border-color: ${({ borderColor, backgroundColor }) =>
-    borderColor ? `var(--${borderColor})` : `var(--${backgroundColor})`};
-  border: 1px solid;
+  border: ${({ borderColor, backgroundColor }) =>
+    borderColor
+      ? `1px solid var(--${borderColor})`
+      : `1px solid var(--${backgroundColor})`};
 `;