diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue
index c1f65dac1..a2a7861f6 100644
--- a/src/ux-components/button-main/button-main.vue
+++ b/src/ux-components/button-main/button-main.vue
@@ -55,7 +55,7 @@ export default {
     color: $white;
     justify-content: center;
     font-weight: 500;
-    &:hover {
+    @media (hover: hover) {
       background: linear-gradient(
         270deg,
         rgba(6, 87, 124, 1) 0%,