diff --git a/frontend/src/metabase/components/Radio.styled.jsx b/frontend/src/metabase/components/Radio.styled.jsx
index 6e3a081201a6a4832ec55bd19df73169c586be3c..d3d8e1d293e3bf6b0248173fb44878fd2ac8f539 100644
--- a/frontend/src/metabase/components/Radio.styled.jsx
+++ b/frontend/src/metabase/components/Radio.styled.jsx
@@ -37,7 +37,16 @@ export const RadioButton = styled.div`
   width: 12px;
   height: 12px;
   border: 2px solid white;
-  box-shadow: 0 0 0 2px ${color("shadow")};
+  box-shadow: 0 0 0 2px
+    ${props => {
+      if (props.checked) {
+        return props.colorScheme
+          ? COLOR_SCHEMES[props.colorScheme].button()
+          : color("brand");
+      } else {
+        return color("text-medium");
+      }
+    }};
   border-radius: 12px;
   background-color: ${props => {
     if (props.checked) {
@@ -54,6 +63,7 @@ export const RadioButton = styled.div`
 const BaseList = styled.ul`
   display: flex;
   flex-direction: ${props => (props.vertical ? "column" : "row")};
+  font-weight: bold;
 `;
 
 const BaseItem = styled.label.attrs({