diff --git a/src/client/channel.scss b/src/client/channel.scss
index 56c5a4f..7f22a7d 100644
--- a/src/client/channel.scss
+++ b/src/client/channel.scss
@@ -1,3 +1,4 @@
+@import '~/client/scss/breakpoints.scss';
 @import '~/client/scss/colors.scss';
 
 .channel__item {
@@ -63,13 +64,15 @@
   background-color: transparent;
   border: 0;
   color: inherit;
-  opacity: 0.2;
   padding: 0.5em;
-  .channel:hover & {
-    opacity: 0.5;
-  }
-  .channel:hover &:hover {
-    background-color: rgba(255, 255, 255, 0.1);
-    opacity: 1;
+  @include breakpoint(desktop) {
+    opacity: 0.2;
+    .channel:hover & {
+      opacity: 0.5;
+    }
+    .channel:hover &:hover {
+      background-color: rgba(255, 255, 255, 0.1);
+      opacity: 1;
+    }
   }
 }