Controls: fix bool control style to match value

When `true`, the toggle slider should rest on the label "True".
storybookjs · Jul 24, 2021 · 534fbae · 534fbae
1 parent 13a2dd7
commit 534fbae
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,