Merge pull request #12 from cesarhenrq/fix/button-border-color

Fix/button border color
cesarhenrq · Sep 27, 2023 · 2e03e7b · 2e03e7b
2 parents 3ea2257 + 2816f2a
commit 2e03e7b
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})`};
 `;