From a0b8a31d8e07feaeb2d4112b5c3caf0e53c1a42e Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Wed, 5 Oct 2022 19:59:51 +1100
Subject: [PATCH] fix: primary color selecter now show outline correctly

---
 ts/components/basic/SessionRadio.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ts/components/basic/SessionRadio.tsx b/ts/components/basic/SessionRadio.tsx
index e0f9daa93..a05abffc5 100644
--- a/ts/components/basic/SessionRadio.tsx
+++ b/ts/components/basic/SessionRadio.tsx
@@ -100,13 +100,13 @@ const StyledInputOutlineSelected = styled(StyledInput)`
     outline: none;
   }
   :checked + label:before {
-    outline-color: 1px solid currentColor;
+    outline: 1px solid currentColor;
   }
 `;
 const StyledLabelOutlineSelected = styled(StyledLabel)<{ selectedColor: string }>`
   :before {
     background: ${props => (props.selectedColor ? props.selectedColor : 'var(--primary-color)')};
-    outline: var(--transparent-color) solid 1px;
+    outline: 1px solid transparent; /* CSS varibles didn't work here */
   }
 `;