diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-form-control.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-form-control.less
index 5e672758c1..b2518b8b09 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-form-control.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-form-control.less
@@ -21,15 +21,15 @@
         left: 0;
         opacity: 0;
 
+        &:checked ~ .umb-form-control__state .umb-form-control__check{
+            border-color: @green;
+        }
+
         &:focus:checked ~ .umb-form-control .umb-form-control__check,
         &:focus ~ .umb-form-control__state .umb-form-control__check{
             border-color: @gray-5;
         }
 
-        &:checked ~ .umb-form-control__state .umb-form-control__check{
-            border-color: @green;
-        }
-
         // This only happens if the state has a radiobutton modifier
         &:checked ~ .umb-form-control__state--radiobutton .umb-form-control__check{
             &:before{