diff --git a/src/views/index-js.mustache b/src/views/index-js.mustache
index 68bad2dc..c889bff5 100644
--- a/src/views/index-js.mustache
+++ b/src/views/index-js.mustache
@@ -5146,7 +5146,6 @@ function convertAreaToSqkm(value) {
 // MARK: - Init Filter
 
 function loadPokemonFilter () {
-    const scrollHeight = $(document).height() * 0.5;
     const table = $('#table-filter-pokemon').DataTable({
         language: {
             search: i18n('filter_table_search'),
@@ -5192,7 +5191,7 @@ function loadPokemonFilter () {
             targets: 2
         }],
         deferRender: true,
-        scrollY: scrollHeight,
+        scrollY: '50vh',
         scrollCollapse: false,
         scroller: true,
         lengthChange: false,
@@ -5252,7 +5251,6 @@ function loadPokemonFilter () {
 }
 
 function loadQuestFilter () {
-    const scrollHeight = $(document).height() * 0.5;
     const table = $('#table-filter-quest').DataTable({
         language: {
             search: i18n('filter_table_search'),
@@ -5292,7 +5290,7 @@ function loadQuestFilter () {
             targets: 2
         }],
         deferRender: true,
-        scrollY: scrollHeight,
+        scrollY: '50vh',
         scrollCollapse: false,
         scroller: true,
         lengthChange: false,
@@ -5350,7 +5348,6 @@ function loadQuestFilter () {
 }
 
 function loadRaidFilter () {
-    const scrollHeight = $(document).height() * 0.5;
     const table = $('#table-filter-raid').DataTable({
         language: {
             search: i18n('filter_table_search'),
@@ -5390,7 +5387,7 @@ function loadRaidFilter () {
             targets: 2
         }],
         deferRender: true,
-        scrollY: scrollHeight,
+        scrollY: '50vh',
         scrollCollapse: false,
         scroller: true,
         lengthChange: false,
@@ -5448,7 +5445,6 @@ function loadRaidFilter () {
 }
 
 function loadGymFilter () {
-    const scrollHeight = $(document).height() * 0.5;
     const table = $('#table-filter-gym').DataTable({
         language: {
             search: i18n('filter_table_search'),
@@ -5488,7 +5484,7 @@ function loadGymFilter () {
             targets: 2
         }],
         deferRender: true,
-        scrollY: scrollHeight,
+        scrollY: '50vh',
         scrollCollapse: false,
         scroller: true,
         lengthChange: false,
@@ -5546,7 +5542,6 @@ function loadGymFilter () {
 }
 
 function loadPokestopFilter () {
-    const scrollHeight = $(document).height() * 0.5;
     const table = $('#table-filter-pokestop').DataTable({
         language: {
             search: i18n('filter_table_search'),
@@ -5586,7 +5581,7 @@ function loadPokestopFilter () {
             targets: 2
         }],
         deferRender: true,
-        scrollY: scrollHeight,
+        scrollY: '50vh',
         scrollCollapse: false,
         scroller: true,
         lengthChange: false,
@@ -5644,7 +5639,6 @@ function loadPokestopFilter () {
 }
 
 function loadInvasionFilter () {
-    const scrollHeight = $(document).height() * 0.5;
     const table = $('#table-filter-invasion').DataTable({
         language: {
             search: i18n('filter_table_search'),
@@ -5684,7 +5678,7 @@ function loadInvasionFilter () {
             targets: 2
         }],
         deferRender: true,
-        scrollY: scrollHeight,
+        scrollY: '50vh',
         scrollCollapse: false,
         scroller: true,
         lengthChange: false,
@@ -5742,7 +5736,6 @@ function loadInvasionFilter () {
 }
 
 function loadSpawnpointFilter () {
-    const scrollHeight = $(document).height() * 0.5;
     const table = $('#table-filter-spawnpoint').DataTable({
         language: {
             search: i18n('filter_table_search'),
@@ -5782,7 +5775,7 @@ function loadSpawnpointFilter () {
             targets: 2
         }],
         deferRender: true,
-        scrollY: scrollHeight,
+        scrollY: '50vh',
         scrollCollapse: false,
         scroller: true,
         lengthChange: false,
@@ -5840,7 +5833,6 @@ function loadSpawnpointFilter () {
 }
 
 function loadNestFilter () {
-    const scrollHeight = $(document).height() * 0.5;
     const table = $('#table-filter-nest').DataTable({
         language: {
             search: i18n('filter_table_search'),
@@ -5880,7 +5872,7 @@ function loadNestFilter () {
             targets: 2
         }],
         deferRender: true,
-        scrollY: scrollHeight,
+        scrollY: '50vh',
         scrollCollapse: false,
         scroller: true,
         lengthChange: false,
@@ -5938,7 +5930,6 @@ function loadNestFilter () {
 }
 
 function loadWeatherFilter () {
-    const scrollHeight = $(document).height() * 0.5;
     const table = $('#table-filter-weather').DataTable({
         language: {
             search: i18n('filter_table_search'),
@@ -5977,7 +5968,7 @@ function loadWeatherFilter () {
             targets: 2
         }],
         deferRender: true,
-        scrollY: scrollHeight,
+        scrollY: '50vh',
         scrollCollapse: false,
         scroller: true,
         lengthChange: false,
@@ -6035,7 +6026,6 @@ function loadWeatherFilter () {
 }
 
 function loadDeviceFilter () {
-    const scrollHeight = $(document).height() * 0.5;
     const table = $('#table-filter-device').DataTable({
         language: {
             search: i18n('filter_table_search'),
@@ -6075,7 +6065,7 @@ function loadDeviceFilter () {
             targets: 2
         }],
         deferRender: true,
-        scrollY: scrollHeight,
+        scrollY: '50vh',
         scrollCollapse: false,
         scroller: true,
         lengthChange: false,