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 5c328bc4c..c64a2adb4 100644
--- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue
+++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
@@ -157,9 +157,11 @@ export default {
     width: 100%;
     color: $gray-600;
     &:hover {
-      box-shadow: 0 0 0 4px $blue-300;
-      cursor: pointer;
-      z-index: 4 !important;
+      @include media-breakpoint-up(sm) {
+        box-shadow: 0 0 0 4px $blue-300;
+        cursor: pointer;
+        z-index: 4 !important;
+      }
     }
     + p {
       display: none;
diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue
index a939b5a94..858a3ef7b 100644
--- a/src/ux-components/list-card/list-card.vue
+++ b/src/ux-components/list-card/list-card.vue
@@ -139,8 +139,10 @@ export default {
     max-width: 100%;
   }
   &:hover {
-    box-shadow: 0px 0px 0px 4px $blue-300;
-    border: 1px solid transparent;
+    @include media-breakpoint-up(sm) {
+      box-shadow: 0px 0px 0px 4px $blue-300;
+      border: 1px solid transparent;
+    }
   }
   input[type="checkbox"],
   input[type="radio"] {