diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 42c8e499c..d4dc8244a 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -1,15 +1,18 @@
 .has-error {
   &.list-button,
   &.list-card {
-    border: 1px solid $gray-500;
+    border: 1px solid $red;
     color: $red;
     label {
       box-shadow: 0 0 1px $red;
       border-radius: .5rem;
     }
+    input[type=checkbox]:focus + label,
+    input[type=radio]:focus + label {
+      box-shadow: 0 0 0 2.5px $red;
+    }
   }
-  input[type=checkbox]:focus + label,
-  input[type=radio]:focus + label,
+
   input[type=checkbox]:checked + label,
   input[type=radio]:checked + label {
     box-shadow: 0 0 0 2.5px transparent !important;
@@ -19,6 +22,10 @@
     label {
       border: 1px solid $red;
     }
+    input[type=checkbox]:focus + label,
+    input[type=radio]:focus + label {
+      box-shadow: 0 0 0 2.5px $red;
+    }
   }
   &.ui-radio,
   &.ui-checkbox {
diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue
index d3a1fc712..a9755904e 100644
--- a/src/ux-components/list-card/list-card.vue
+++ b/src/ux-components/list-card/list-card.vue
@@ -209,17 +209,23 @@ export default {
       }
     }
 
-    &:focus + label {
-      box-shadow: 0 0 0 2.5px $blue;
-      border-radius: 0.5rem;
-    }
-
     &:checked + label {
       background: $blue-100;
       box-shadow: 0 0 0 1px $blue;
       border-radius: 0.5rem;
     }
 
+    &:focus + label {
+      box-shadow: 0 0 0 2.5px $blue;
+      border-radius: 0.5rem;
+    }
+    
+    &:checked {
+      &:focus + label {
+        box-shadow: 0 0 0 2.5px $blue;
+      }
+    }
+    
     &:checked + label {
       p {
         color: $black;