diff --git a/client/.eslintrc.js b/client/.eslintrc.js
index 3b7301d88fdcc8051a3c8af9d8eb0f447dcc5c09..137da5039e9fb64eaaabb3b600368a3566c79d7f 100644
--- a/client/.eslintrc.js
+++ b/client/.eslintrc.js
@@ -18,6 +18,7 @@ module.exports = {
   // add your custom rules here
   rules: {
     "no-unused-vars": "off",
-    'no-console': 'off'
+    'no-console': 'off',
+    'vue/valid-v-slot': 'off'
   }
 }
diff --git a/client/pages/gwas.vue b/client/pages/gwas.vue
index c9b643ddf8dbcef11b305cabf2d6e97e3c06214a..a69bb300eae7468c70e0a2a2ccea40f1c5b7467b 100644
--- a/client/pages/gwas.vue
+++ b/client/pages/gwas.vue
@@ -37,7 +37,7 @@
       </div>
     </section>
 
-    <section v-show="phenotypes.length">
+    <section id="phenotypes-section" v-show="phenotypes.length">
       <h2>Select at least two GWASs to be analyzed jointly:</h2>
       <v-data-table
         v-model="selectedRows"
@@ -101,6 +101,16 @@ export default {
         .then(phenotypes => {
           this.phenotypes = phenotypes
         })
+        .then(() => {
+          // Scroll to the phenotype table after it appeared
+          document
+            .getElementById("phenotypes-section")
+            .scrollIntoView({
+              behavior: 'smooth',
+              block: 'start',
+              inline: 'nearest'
+            })
+        })
     },
     bulkSelect({ item: b, value }) {
       const { selectedRows, current, shiftKeyOn } = this;