diff --git a/source/_patterns/01-elements/checkbox/checkbox.scss b/source/_patterns/01-elements/checkbox/checkbox.scss
index 41e9e9f1ca..4751e36bba 100644
--- a/source/_patterns/01-elements/checkbox/checkbox.scss
+++ b/source/_patterns/01-elements/checkbox/checkbox.scss
@@ -36,13 +36,11 @@
 		}
 	}
 
-	&:not(:disabled) {
+	&:enabled {
 		&:hover {
 			background-color: rgba(40, 45, 55, 0.14);
-		}
 
-		&:checked {
-			&:hover {
+			&:checked {
 				background-color: $checkbox-hover-checked-backgroundColor;
 			}
 		}
diff --git a/source/_patterns/01-elements/radio/radio.scss b/source/_patterns/01-elements/radio/radio.scss
index b94e29dc92..e85bf7a6d9 100644
--- a/source/_patterns/01-elements/radio/radio.scss
+++ b/source/_patterns/01-elements/radio/radio.scss
@@ -23,12 +23,16 @@
 		vertical-align: sub;
 	}
 
-	&:hover {
-		background-color: rgba(40, 45, 55, 0.14);
-	}
+	&:enabled {
+		&:hover {
+			&:not(:checked) {
+				background-color: rgba(40, 45, 55, 0.14);
+			}
+		}
 
-	&:active {
-		background-color: rgba(40, 45, 55, 0.3);
+		&:active {
+			background-color: rgba(40, 45, 55, 0.3);
+		}
 	}
 
 	&:checked {