diff --git a/src/css/base.css b/src/css/base.css
index 9d44c75..14c6f29 100644
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -48,8 +48,8 @@ button,
 	cursor: default;
 }
 
-/* mobile */
-@media (max-width: 768px) {
+/* MEDIA QUERIES */
+@media (pointer: coarse) {
 	html {
 		font-size: 1rem;
 	}
diff --git a/src/css/components.css b/src/css/components.css
index 6e1bccc..dff853e 100644
--- a/src/css/components.css
+++ b/src/css/components.css
@@ -449,7 +449,7 @@ img[src*="famfamfam-silk"] {
 	image-rendering: pixelated;
 }
 
-/* MOBILE */
+/* MEDIA QUERIES */
 @media (max-width: 768px) {
 	/* layout */
 	body {
@@ -470,14 +470,6 @@ img[src*="famfamfam-silk"] {
 		display: none;
 	}
 
-	/* queue - show action buttons */
-	#queue #queue-table .queue-play,
-	#queue #queue-table .queue-play-next,
-	#queue #queue-table .queue-move-up,
-	#queue #queue-table .queue-move-down {
-		display: inline-block;
-	}
-
 	#sidebar {
 		border-right: none;
 		border-top: 1px solid var(--border);
@@ -494,3 +486,13 @@ img[src*="famfamfam-silk"] {
 		display: none;
 	}
 }
+
+@media (pointer: coarse) {
+	/* queue - show action buttons */
+	#queue #queue-table .queue-play,
+	#queue #queue-table .queue-play-next,
+	#queue #queue-table .queue-move-up,
+	#queue #queue-table .queue-move-down {
+		display: inline-block;
+	}
+}