diff --git a/packages/ui-react/src/components/Shelf/Shelf.module.scss b/packages/ui-react/src/components/Shelf/Shelf.module.scss
index d517e06cb..a7c3babbe 100644
--- a/packages/ui-react/src/components/Shelf/Shelf.module.scss
+++ b/packages/ui-react/src/components/Shelf/Shelf.module.scss
@@ -1,3 +1,4 @@
+@use '@jwp/ott-ui-react/src/styles/mixins/responsive';
 @use '@jwp/ott-ui-react/src/styles/theme';
 
 .shelf {
@@ -42,18 +43,16 @@
     white-space: initial;
   }
 
-  li {
-    opacity: 1;
-    transition: opacity 1s ease;
+  @include responsive.tablet-and-larger() {
+    li {
+      opacity: 1;
+      transition: opacity 0.2s ease;
 
-    &:global(.TileSlider--hidden) {
-      opacity: 0.5;
+      &:global(.TileSlider--hidden) {
+        opacity: 0.5;
+      }
     }
   }
-
-  &:global(.TileSlider--sliding) li {
-    opacity: 1;
-  }
 }
 
 .chevron {