diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index f68300f3f..6413ff028 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -11,15 +11,21 @@ html {
             }
 
             &:hover {
-                position: relative;
-                @include box-shadow-hover($red-200);
-                z-index: 4;
+                input[type="radio"],
+                input[type="checkbox"] {
+                    + .button-content {
+                        position: relative;
+                        z-index: 4;
+                        @include box-shadow-hover($red-200);
+                    }
+                }
             }
         }
 
         &.ui-radio {
             &:hover {
-                input {
+                input[type="radio"],
+                input[type="checkbox"] {
                     @include box-shadow-hover($red-200);
                 }
             }
diff --git a/src/styles/shared-input-button-styles.scss b/src/styles/shared-input-button-styles.scss
index adf448cc6..b46d72858 100644
--- a/src/styles/shared-input-button-styles.scss
+++ b/src/styles/shared-input-button-styles.scss
@@ -5,7 +5,16 @@
         &.list-button,
         &.list-button-horizontal,
         &.list-card {
-            @include box-shadow-hover($blue-300);
+            input[type="radio"],
+            input[type="checkbox"] {
+                &:not(:checked) {
+                    + .button-content {
+                        position: relative;
+                        z-index: 4;
+                        @include box-shadow-hover($blue-300);
+                    }
+                }
+            }
         }
     }
 }
diff --git a/src/ux-components/radio/radio.vue b/src/ux-components/radio/radio.vue
index 28e1ef022..eccbf6395 100644
--- a/src/ux-components/radio/radio.vue
+++ b/src/ux-components/radio/radio.vue
@@ -64,7 +64,7 @@ export default {
     }
 
     &:hover {
-        .form-check-input {
+        .form-check-input:not(:checked) {
             box-shadow: 0 0 0 4px $blue-300;
         }
     }