Merge pull request #15676 from tewson/fix-boolean-control-style

Controls: Fix boolean toggle style to match underlying value
storybookjs · Jul 25, 2021 · f15f7e0 · f15f7e0
2 parents 13a2dd7 + 534fbae
commit f15f7e0
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/lib/components/src/controls/Boolean.tsx b/lib/components/src/controls/Boolean.tsx
@@ -70,7 +70,7 @@ const Label = styled.label(({ theme }) => ({
     },
   },
 
-  'input:checked ~ span:first-of-type, input:not(:checked) ~ span:last-of-type': {
+  'input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type': {
     background: theme.background.app,
     boxShadow: `${opacify(0.1, theme.appBorderColor)} 0 0 2px`,
     color: theme.color.defaultText,