diff --git a/src/carousel/MagnifyHint.js b/src/carousel/MagnifyHint.js
index 6f59be96..302f9108 100644
--- a/src/carousel/MagnifyHint.js
+++ b/src/carousel/MagnifyHint.js
@@ -65,7 +65,7 @@ const styles = theme => ({
     '$zoomDisabled&': {
       display: 'none',
     },
-    '@media (hover:none)': {
+    '@media not all and (hover: none)': {
       display: 'none',
     },
   },
@@ -81,7 +81,7 @@ const styles = theme => ({
     '$over:not($expandDisabled) &, $zoomDisabled &': {
       display: 'none',
     },
-    '@media (hover:none)': {
+    '@media not all and (hover: none)': {
       display: 'none',
     },
   },
@@ -90,7 +90,7 @@ const styles = theme => ({
    */
   expandTextMobile: {
     display: 'none',
-    '@media (hover:none)': {
+    '@media not all and (hover: none)': {
       display: 'block',
     },
   },
@@ -102,7 +102,7 @@ const styles = theme => ({
 
     '$over:not($expandDisabled) &, $zoomDisabled &': {
       display: 'block',
-      '@media (hover:none)': {
+      '@media not all and (hover: none)': {
         display: 'none',
       },
     },