diff --git a/src/css/themes/blue/pages/_SurahIndex.scss b/src/css/themes/blue/pages/_SurahIndex.scss
index d30c04f..ed81083 100644
--- a/src/css/themes/blue/pages/_SurahIndex.scss
+++ b/src/css/themes/blue/pages/_SurahIndex.scss
@@ -7,8 +7,10 @@
         color: $blue1;
       }
 
-      &:hover {
-        background: lighten($blue1, 38%);
+      @media (hover: hover) {
+        &:hover {
+          background: lighten($blue1, 38%);
+        }
       }
 
       div:first-child {
diff --git a/src/css/themes/green/pages/_SurahIndex.scss b/src/css/themes/green/pages/_SurahIndex.scss
index 7278591..04cbbdc 100644
--- a/src/css/themes/green/pages/_SurahIndex.scss
+++ b/src/css/themes/green/pages/_SurahIndex.scss
@@ -6,9 +6,11 @@
       color: $green1;
     }
 
-    &:hover {
-      background: $green1;
-      color: $white;
+    @media (hover: hover) {
+      &:hover {
+        background: $green1;
+        color: $white;
+      }
     }
   }