diff --git a/lib/components/src/controls/Boolean.tsx b/lib/components/src/controls/Boolean.tsx
index 400faa837dee..42ce6b9d9528 100644
--- 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,