diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
index 910413ae9..8ef069c2b 100644
--- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue
+++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
@@ -2,6 +2,8 @@
   <div
     class="list-group list-button-horizontal d-flex flex-column w-100 mb-2"
     :class="[errors.length > 0 ? 'has-error' : '', hasError ? 'has-error' : '']"
+    @mouseup="handleClick(value)"
+    @keyup.space="handleClick(value)"
   >
     <input
       :type="isMultiSelect ? 'checkbox' : 'radio'"
@@ -10,7 +12,6 @@
       :value="value"
       :aria-required="isRequired"
       :data-focus-target="groupName"
-      @click="handleClick(value)"
       v-model="checkValue"
       @change="!selectingInitiatesLoad ? handleCheckChange() : ''"
     />
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index 0115564ef..3a8e65fc0 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -2,6 +2,8 @@
   <div
     class="list-group list-button d-flex flex-column w-100 mb-2"
     :class="[errors.length > 0 ? 'has-error' : '', hasError ? 'has-error' : '']"
+    @mouseup="handleClick(value)"
+    @keyup.space="handleClick(value)"
   >
     <input
       :type="isMultiSelect ? 'checkbox' : 'radio'"
@@ -10,7 +12,6 @@
       :value="value"
       :aria-required="isRequired"
       :data-focus-target="groupName"
-      @click="handleClick(value)"
       v-model="checkValue"
       @change="!selectingInitiatesLoad ? handleCheckChange() : ''"
     >
diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue
index b2f12b4a5..8e88c4b68 100644
--- a/src/ux-components/list-card/list-card.vue
+++ b/src/ux-components/list-card/list-card.vue
@@ -7,6 +7,8 @@
         errors.length > 0 ? 'has-error' : '',
         hasError ? 'has-error' : '',
       ]"
+      @mouseup="handleChange(value)"
+      @keyup.space="handleChange(value)"
     >
       <input
         :type="isMultiSelect ? 'checkbox' : 'radio'"
@@ -15,7 +17,6 @@
         :value="value"
         :aria-required="isRequired"
         :data-focus-target="groupName"
-        @click="handleChange(value)"
         v-model="checkValue"
         @change="handleCheckChange(value)"
       />