diff --git a/src/components/Dropdown/styles.module.scss b/src/components/Dropdown/styles.module.scss
index b2a1612608..2f9363845f 100644
--- a/src/components/Dropdown/styles.module.scss
+++ b/src/components/Dropdown/styles.module.scss
@@ -20,10 +20,12 @@
   width: 100%;
   height: 100%;
   cursor: pointer;
-  &:hover {
-    border: 1px solid var(--accent-color);
-    background-color: var(--accent-type-color);
-    color: var(--accent-color);
+  @media (hover: hover) and (pointer: fine) {
+    &:hover {
+      border: 1px solid var(--accent-color);
+      background-color: var(--accent-type-color);
+      color: var(--accent-color);
+    }
   }
 }
 
@@ -93,10 +95,13 @@
   }
 }
 
-li[aria-selected="false"]:hover .icon {
-  svg {
-    background: var(--accent-type-color);
-    border-radius: 2rem;
+// Only apply hover styles on devices with true hover capability (not touch devices)
+@media (hover: hover) and (pointer: fine) {
+  li[aria-selected="false"]:hover .icon {
+    svg {
+      background: var(--accent-type-color);
+      border-radius: 2rem;
+    }
   }
 }