diff --git a/packages/components/src/components/radio/radio.scss b/packages/components/src/components/radio/radio.scss
index 3744706b612..1cd3b3fea9b 100644
--- a/packages/components/src/components/radio/radio.scss
+++ b/packages/components/src/components/radio/radio.scss
@@ -16,8 +16,7 @@
 
 		&:checked {
 			// The radio element still has the default background for the dot on :hover when in checked state
-			&:not(:disabled):hover,
-			&:not(:disabled):focus {
+			&:not(:disabled):is(:hover, :focus) {
 				background-color: colors.$db-current-color-bg-transparent-full-enabled;
 			}