diff --git a/web/src/components/events/eventItem.module.scss b/web/src/components/events/eventItem.module.scss
index 8ffed7d..4286fc2 100644
--- a/web/src/components/events/eventItem.module.scss
+++ b/web/src/components/events/eventItem.module.scss
@@ -98,7 +98,7 @@
     }
   }
 
-  &:hover {
+  /*&:hover {
     opacity: 1;
     .text {
       &:before {
@@ -106,7 +106,7 @@
         opacity: 1;
       }
     }
-  }
+  }*/
 }
 
 .image {
diff --git a/web/src/css/base.scss b/web/src/css/base.scss
index 3abb317..33bae67 100644
--- a/web/src/css/base.scss
+++ b/web/src/css/base.scss
@@ -186,23 +186,24 @@ select {
   left: 0;
   width: 100%;
   height: 100%;
-  opacity: 0;
   overflow: hidden;
   text-indent: -9999px;
   z-index: 10;
 }
 
-.linkItem {
-  transition: opacity var(--transition-easing);
-  cursor: pointer;
-
-  &:hover {
-    opacity: .6;
+@media (pointer: fine) {
+  .linkItem {
     transition: opacity var(--transition-easing);
-  }
-
-  &:has(:focus-visible) {
-    box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-green-dark);
+    cursor: pointer;
+  
+    &:hover {
+      opacity: .6;
+      transition: opacity var(--transition-easing);
+    }
+  
+    &:has(:focus-visible) {
+      box-shadow: 0 0 0 1px var(--color-background), 0 0 0 3px var(--color-green-dark);
+    }
   }
 }