diff --git a/src/App.css b/src/App.css
index 1cb34b13..9b368085 100644
--- a/src/App.css
+++ b/src/App.css
@@ -199,15 +199,12 @@ body.webamp-loaded #webamp {
   width: 100%;
 }
 
-#zoom {
-  opacity: 0.7;
-  transition: opacity 100ms ease-in-out;
+@media (hover: hover) {
+  #zoom {
+    opacity: 0.7;
+    transition: opacity 200ms ease-in-out;
+  }
+  #zoom:hover {
+    opacity: 1;
+  }
 }
-
-#zoom:hover {
-  opacity: 1;
-}
-
-#zoom.active {
-  opacity: 1;
-}
\ No newline at end of file