Merge pull request #13 from cesarhenrq/qa

Fix/button border color
cesarhenrq · Sep 27, 2023 · 3453b1e · 3453b1e
2 parents 4fa2e97 + 2e03e7b
commit 3453b1e
Showing 1 changed file with 4 additions and 3 deletions.
diff --git 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})`};
 `;