From 88094002d3c4a755f2c4fd0ad4b155b0ce2adf19 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Wed, 12 Dec 2018 17:14:24 +0100
Subject: Fix border on button

---
 packages/website/ts/@next/components/button.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'packages/website/ts/@next')

diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx
index 3c22f705e..3b4ab8135 100644
--- a/packages/website/ts/@next/components/button.tsx
+++ b/packages/website/ts/@next/components/button.tsx
@@ -27,7 +27,7 @@ interface ButtonInterface {
 
 export const Button = styled.button<ButtonInterface>`
     appearance: none;
-    border: ${props => !props.isNoBorder && `1px solid transparent`};
+    border: ${props => !props.isNoBorder && `1px solid ${(!props.isTransparent || props.bgColor) ? (props.bgColor || colors.brandLight) : 'transparent'}`};
     display: inline-block;
     background-color: ${props => (!props.isTransparent || props.bgColor) ? (props.bgColor || colors.brandLight) : 'transparent'};
     border-color: ${props => (props.isTransparent && !props.isWithArrow) && '#6a6a6a'};
-- 
cgit v1.2.3