diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css
index 463065b849..3ea8fa9bce 100644
--- a/src/themes/appletv/theme.css
+++ b/src/themes/appletv/theme.css
@@ -62,7 +62,7 @@ html {
     background: #f0f0f0;
 }
 
-@media (hover: hover) {
+@media (hover: hover) and (pointer: fine) {
     .paper-icon-button-light:hover:not(:disabled) {
         color: #00a4dc;
         background-color: rgba(0, 164, 220, 0.2);
diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css
index 1c13803034..ed4b62dddb 100644
--- a/src/themes/blueradiance/theme.css
+++ b/src/themes/blueradiance/theme.css
@@ -64,7 +64,7 @@ html {
     }
 }
 
-@media (hover: hover) {
+@media (hover: hover) and (pointer: fine) {
     .paper-icon-button-light:hover:not(:disabled) {
         color: #00a4dc;
         background-color: rgba(0, 164, 220, 0.2);
diff --git a/src/themes/dark/theme.css b/src/themes/dark/theme.css
index 15ab434a85..8bd4417f23 100644
--- a/src/themes/dark/theme.css
+++ b/src/themes/dark/theme.css
@@ -46,7 +46,7 @@ html {
     background-color: rgba(0, 0, 0, 0.86);
 }
 
-@media (hover: hover) {
+@media (hover: hover) and (pointer: fine) {
     .paper-icon-button-light:hover:not(:disabled) {
         color: #00a4dc;
         background-color: rgba(0, 164, 220, 0.2);
diff --git a/src/themes/light/theme.css b/src/themes/light/theme.css
index 766dd95359..48ceaaddae 100644
--- a/src/themes/light/theme.css
+++ b/src/themes/light/theme.css
@@ -61,7 +61,7 @@ html {
     color: #000;
 }
 
-@media (hover: hover) {
+@media (hover: hover) and (pointer: fine) {
     .paper-icon-button-light:hover:not(:disabled) {
         color: #00a4dc;
         background-color: rgba(0, 164, 220, 0.2);
diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css
index 8fe9baae24..352e569eb5 100644
--- a/src/themes/purplehaze/theme.css
+++ b/src/themes/purplehaze/theme.css
@@ -59,7 +59,7 @@ html {
     }
 }
 
-@media (hover: hover) {
+@media (hover: hover) and (pointer: fine) {
     .paper-icon-button-light:hover:not(:disabled) {
         color: rgb(12, 232, 214);
         background-color: rgba(0, 164, 220, 0.2);
diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css
index 277421e144..e97bdc171b 100644
--- a/src/themes/wmc/theme.css
+++ b/src/themes/wmc/theme.css
@@ -62,7 +62,7 @@ html {
     background: rgba(17, 98, 164, 0.9);
 }
 
-@media (hover: hover) {
+@media (hover: hover) and (pointer: fine) {
     .paper-icon-button-light:hover:not(:disabled) {
         color: #00a4dc;
         background-color: rgba(0, 164, 220, 0.2);