diff --git a/script/public/index.html b/script/public/index.html
index 49f9a656..3f9b0d40 100644
--- a/script/public/index.html
+++ b/script/public/index.html
@@ -17,7 +17,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>
 <body>
-<div class="container" style="margin-top: 30px">
+<div id="container" class="container" style="margin-top: 30px">
     <h1 class="display-4">TDTChannels</h1>
     <br>
     <a class="btn btn-outline-secondary" role="button" href="https://github.com/LaQuay/TDTChannels"
diff --git a/script/public/index.js b/script/public/index.js
index cab08424..0f9083c9 100644
--- a/script/public/index.js
+++ b/script/public/index.js
@@ -195,6 +195,10 @@ function filterChannelsList() {
 function onChannelClick(channel){
     channel = JSON.parse(channel);
     reproduceVideo(channel['options'][0]['url'])
+
+    if (document.getElementById("container").offsetWidth < 720) {
+        document.getElementById("video").scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});
+    }
 }
 
 function loadChannelsInList() {
