diff --git a/src/styles/clay/components/checkboxgroup.scss b/src/styles/clay/components/checkboxgroup.scss
index c8b2720..e6d62f2 100644
--- a/src/styles/clay/components/checkboxgroup.scss
+++ b/src/styles/clay/components/checkboxgroup.scss
@@ -36,7 +36,7 @@
       flex-shrink: 0;
     }
 
-    input:checked ~ i {
+    input:checked + i {
       border-color: $color-orange;
       background: $color-orange;
       
diff --git a/src/styles/clay/components/radiogroup.scss b/src/styles/clay/components/radiogroup.scss
index f83bffd..dc79392 100644
--- a/src/styles/clay/components/radiogroup.scss
+++ b/src/styles/clay/components/radiogroup.scss
@@ -36,7 +36,7 @@
       flex-shrink: 0;
     }
 
-    input:checked ~ i {
+    input:checked + i {
       border-color: $color-orange;
       
       &:after {