diff --git a/Kyoo/ClientApp/src/app/app.component.scss b/Kyoo/ClientApp/src/app/app.component.scss
index 7449bedb..cb7eedb3 100644
--- a/Kyoo/ClientApp/src/app/app.component.scss
+++ b/Kyoo/ClientApp/src/app/app.component.scss
@@ -23,7 +23,7 @@
   padding: 12px;
   color: rgba(255, 255, 255, 0.7) !important;
 
-  &:hover
+  &:host-context(.hoverEnabled) &:hover
   {
     color: white !important;
   }
@@ -78,7 +78,7 @@ input::-webkit-search-cancel-button
   display: inline-block;
   opacity: 0.7;
 
-  &:hover
+  &:host-context(.hoverEnabled) &:hover
   {
     cursor: pointer;
     opacity: 1;
diff --git a/Kyoo/ClientApp/src/app/app.component.ts b/Kyoo/ClientApp/src/app/app.component.ts
index 23a2f55c..d3b10c82 100644
--- a/Kyoo/ClientApp/src/app/app.component.ts
+++ b/Kyoo/ClientApp/src/app/app.component.ts
@@ -39,6 +39,9 @@ export class AppComponent
 					break;
 			}
 		});
+
+		if (!navigator.userAgent.match(/Mobi/))
+			document.body.classList.add("hoverEnabled");
 	}
 
 	openSearch()
diff --git a/Kyoo/ClientApp/src/app/browse/browse.component.scss b/Kyoo/ClientApp/src/app/browse/browse.component.scss
index 2a80c63c..b96bf569 100644
--- a/Kyoo/ClientApp/src/app/browse/browse.component.scss
+++ b/Kyoo/ClientApp/src/app/browse/browse.component.scss
@@ -89,7 +89,7 @@ button
     }
   }
 
-  &:hover
+  &:host-context(.hoverEnabled) &:hover
   {
     cursor: pointer;
   }
diff --git a/Kyoo/ClientApp/src/app/episodes-list/episodes-list.component.html b/Kyoo/ClientApp/src/app/episodes-list/episodes-list.component.html
index 5e251e94..2d764c0b 100644
--- a/Kyoo/ClientApp/src/app/episodes-list/episodes-list.component.html
+++ b/Kyoo/ClientApp/src/app/episodes-list/episodes-list.component.html
@@ -1,6 +1,6 @@
 <div class="root">
   <div class="episodes" #scrollView (scroll)="onScroll()">
-    <a class="episode" *ngFor="let episode of this.episodes" #episodeDom routerLink="/watch/{{episode.link}}" href="/watch/{{this.showSlug}}-s{{episode.seasonNumber}}e{{episode.episodeNumber}}">
+    <a class="episode" *ngFor="let episode of this.episodes" #episodeDom routerLink="/watch/{{episode.link}}" href="/watch/{{episode.link}}">
       <div matRipple class="img" [style.background-image]="sanitize(episode.thumb)">
         <button mat-icon-button class="playBtn"><i class="material-icons playIcon">play_circle_outline</i></button>
       </div>
diff --git a/Kyoo/ClientApp/src/app/episodes-list/episodes-list.component.scss b/Kyoo/ClientApp/src/app/episodes-list/episodes-list.component.scss
index 9ead0866..3a0f3ca7 100644
--- a/Kyoo/ClientApp/src/app/episodes-list/episodes-list.component.scss
+++ b/Kyoo/ClientApp/src/app/episodes-list/episodes-list.component.scss
@@ -6,7 +6,7 @@
 {
   position: relative;
 
-  &:hover
+  &:host-context(.hoverEnabled) &:hover
   {
     .scrollBtn
     {
@@ -36,7 +36,7 @@
     background-color: #999;
     border-radius: 90px;
 
-    &:hover
+    &:host-context(.hoverEnabled) &:hover
     {
       background-color: rgb(134, 127, 127);
     }
@@ -127,7 +127,7 @@
     overflow: hidden;
   }
 
-  &:hover
+  &:host-context(.hoverEnabled) &:hover
   {
     .img
     {
diff --git a/Kyoo/ClientApp/src/app/people-list/people-list.component.scss b/Kyoo/ClientApp/src/app/people-list/people-list.component.scss
index dfdaedd3..e221b42a 100644
--- a/Kyoo/ClientApp/src/app/people-list/people-list.component.scss
+++ b/Kyoo/ClientApp/src/app/people-list/people-list.component.scss
@@ -23,7 +23,7 @@
     background-color: #999;
     border-radius: 90px;
 
-    &:hover
+    &:host-context(.hoverEnabled) &:hover
     {
       background-color: rgb(134, 127, 127);
     }
@@ -84,7 +84,7 @@
     }
   }
 
-  &:hover
+  &:host-context(.hoverEnabled) &:hover
   {
     cursor: pointer;
 
@@ -104,7 +104,7 @@
 {
   position: relative;
 
-  &:hover
+  &:host-context(.hoverEnabled) &:hover
   {
     .scrollBtn
     {
diff --git a/Kyoo/ClientApp/src/app/player/player.component.scss b/Kyoo/ClientApp/src/app/player/player.component.scss
index 7b748502..edf321ae 100644
--- a/Kyoo/ClientApp/src/app/player/player.component.scss
+++ b/Kyoo/ClientApp/src/app/player/player.component.scss
@@ -194,7 +194,7 @@
     }
   }
 
-  &:hover, &.seeking
+  .hoverEnabled &:hover, &.seeking
   {
     cursor: pointer;
 
@@ -215,7 +215,7 @@
 {
   position: relative;
 
-  &:hover
+  .hoverEnabled &:hover
   {
     #next
     {
@@ -278,7 +278,7 @@
     outline: none;
   }
 
-  &:hover, &:focus-within
+  .hoverEnabled &:hover, &:focus-within
   {
     > mat-slider
     {
diff --git a/Kyoo/ClientApp/src/app/shows-list/shows-list.component.scss b/Kyoo/ClientApp/src/app/shows-list/shows-list.component.scss
index 8a314d03..5bac639e 100644
--- a/Kyoo/ClientApp/src/app/shows-list/shows-list.component.scss
+++ b/Kyoo/ClientApp/src/app/shows-list/shows-list.component.scss
@@ -23,7 +23,7 @@
     background-color: #999;
     border-radius: 90px;
 
-    &:hover
+    &:host-context(.hoverEnabled) &:hover
     {
       background-color: rgb(134, 127, 127);
     }
@@ -103,7 +103,7 @@
     }
   }
 
-  &:hover
+  &:host-context(.hoverEnabled) &:hover
   {
     cursor: pointer;
   }
@@ -113,7 +113,7 @@
 {
   position: relative;
 
-  &:hover
+  &:host-context(.hoverEnabled) &:hover
   {
     .scrollBtn
     {