diff --git a/docs/VaccineDistributionByZipcode.html b/docs/VaccineDistributionByZipcode.html
index 3ff599fa1bf..6192fe2d1c4 100644
--- a/docs/VaccineDistributionByZipcode.html
+++ b/docs/VaccineDistributionByZipcode.html
@@ -5,7 +5,6 @@
 <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
 <title>Pfizer Vaccine Distribution by ZIP Code</title>
 <link href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.css" rel="stylesheet" type="text/css"/>
-<link href="batchCodeTable.css" rel="stylesheet" type="text/css"/>
 <link href="forkMeOnGitHub.css" rel="stylesheet" type="text/css"/>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script charset="utf8" src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js" type="text/javascript"></script>
diff --git a/docs/batchCodeTable.css b/docs/batchCodeTable.css
deleted file mode 100644
index 85c45a3fe41..00000000000
--- a/docs/batchCodeTable.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.chartWithSlider {
-    display: flex;
-    flex-wrap: nowrap;
-    flex-direction: row;
-}
-
-.chartWithSlider .chartContainer {
-    flex: 95%;
-}
-
-.chartWithSlider .sliderContainer {
-    flex: 5%;
-}
\ No newline at end of file
diff --git a/docs/batchCodes.html b/docs/batchCodes.html
index 8a8471639b2..4083fa7218b 100644
--- a/docs/batchCodes.html
+++ b/docs/batchCodes.html
@@ -1,35 +1,41 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-<meta charset="utf-8"/>
-<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-<title>Batch Codes of Coronavirus 2019 Vaccines</title>
-<!-- Google tag (gtag.js) -->
-<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-ERHYDH4P64"></script>
-<script>
+  <meta charset="utf-8" />
+  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+  <title>Batch Codes of Coronavirus 2019 Vaccines</title>
+  <!-- Google tag (gtag.js) -->
+  <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-ERHYDH4P64"></script>
+  <script>
     window.dataLayer = window.dataLayer || [];
     function gtag() { dataLayer.push(arguments); }
     gtag('js', new Date());
 
     gtag('config', 'G-ERHYDH4P64');
   </script>
-<link href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.css" rel="stylesheet" type="text/css"/>
-<link href="batchCodeTable.css" rel="stylesheet" type="text/css"/>
-<link href="forkMeOnGitHub.css" rel="stylesheet" type="text/css"/>
-<script crossorigin="anonymous" integrity="sha512-T5Bneq9hePRO8JR0S/0lQ7gdW+ceLThvC80UjwkMRz+8q+4DARVZ4dqKoyENC7FcYresjfJ6ubaOgIE35irf4w==" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.5.1/nouislider.min.js"></script>
-<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.5.1/nouislider.css" integrity="sha512-MKxcSu/LDtbIYHBNAWUQwfB3iVoG9xeMCm32QV5hZ/9lFaQZJVaXfz9aFa0IZExWzCpm7OWvp9zq9gVip/nLMg==" referrerpolicy="no-referrer" rel="stylesheet"/>
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-<script charset="utf8" src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js" type="text/javascript"></script>
-<script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.0/dist/chart.umd.min.js"></script>
-<script src="./Utils.js"></script>
-<script src="./UIUtils.js"></script>
-<script src="./UrlUtils.js"></script>
-<script src="./DataTablesFilter.js"></script>
-<script src="./ColumnSearch.js"></script>
-<script src="./BatchCodeTableInitializer.js"></script>
-<script src="./BatchcodeByCountryBarChartView.js"></script>
-<script src="./BatchcodeByCountryBarChart.js"></script>
-<script>
+  <link href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
+  <link href="forkMeOnGitHub.css" rel="stylesheet" type="text/css" />
+  <script crossorigin="anonymous"
+    integrity="sha512-T5Bneq9hePRO8JR0S/0lQ7gdW+ceLThvC80UjwkMRz+8q+4DARVZ4dqKoyENC7FcYresjfJ6ubaOgIE35irf4w=="
+    referrerpolicy="no-referrer"
+    src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.5.1/nouislider.min.js"></script>
+  <link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.5.1/nouislider.css"
+    integrity="sha512-MKxcSu/LDtbIYHBNAWUQwfB3iVoG9xeMCm32QV5hZ/9lFaQZJVaXfz9aFa0IZExWzCpm7OWvp9zq9gVip/nLMg=="
+    referrerpolicy="no-referrer" rel="stylesheet" />
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <script charset="utf8" src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"
+    type="text/javascript"></script>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.0/dist/chart.umd.min.js"></script>
+  <script src="./Utils.js"></script>
+  <script src="./UIUtils.js"></script>
+  <script src="./UrlUtils.js"></script>
+  <script src="./DataTablesFilter.js"></script>
+  <script src="./ColumnSearch.js"></script>
+  <script src="./BatchCodeTableInitializer.js"></script>
+  <script src="./BatchcodeByCountryBarChartView.js"></script>
+  <script src="./BatchcodeByCountryBarChart.js"></script>
+  <script>
     $(document).ready(function () {
       const urlSearchParams = new URLSearchParams(window.location.search);
       new BatchCodeTableInitializer().initialize(
@@ -41,46 +47,42 @@
     });
   </script>
 </head>
+
 <body>
-<h1>Batch Codes of Coronavirus 2019 Vaccines</h1>
-<table class="display" id="batchCodeTable">
-<thead>
-<tr>
-<th>Batch</th>
-<th>Adverse Reaction Reports</th>
-<th>Deaths</th>
-<th>Disabilities</th>
-<th>Life-Threatening Illnesses</th>
-<th>Hospitalizations</th>
-<th>Company</th>
-<th>Severe reports</th>
-<th>Lethality</th>
-<th>Countries</th>
-</tr>
-</thead>
-</table>
-<footer>
-<dl>
-<dt>Data Source:</dt>
-<dd><a href="https://vaers.hhs.gov/data/datasets.html" target="_blank">Vaccine Adverse Event Reporting System
+  <h1>Batch Codes of Coronavirus 2019 Vaccines</h1>
+  <table class="display" id="batchCodeTable">
+    <thead>
+      <tr>
+        <th>Batch</th>
+        <th>Adverse Reaction Reports</th>
+        <th>Deaths</th>
+        <th>Disabilities</th>
+        <th>Life-Threatening Illnesses</th>
+        <th>Hospitalizations</th>
+        <th>Company</th>
+        <th>Severe reports</th>
+        <th>Lethality</th>
+        <th>Countries</th>
+      </tr>
+    </thead>
+  </table>
+  <footer>
+    <dl>
+      <dt>Data Source:</dt>
+      <dd><a href="https://vaers.hhs.gov/data/datasets.html" target="_blank">Vaccine Adverse Event Reporting System
           (VAERS)</a></dd>
-<dt>Last updated:</dt>
-<dd id="last_updated">July 05, 2024</dd>
-</dl>
-<span id="forkongithub"><a href="https://github.com/KnollFrank/HowBadIsMyBatch" target="_blank">Fork me on
+      <dt>Last updated:</dt>
+      <dd id="last_updated">July 05, 2024</dd>
+    </dl>
+    <span id="forkongithub"><a href="https://github.com/KnollFrank/HowBadIsMyBatch" target="_blank">Fork me on
         GitHub</a></span>
-<div class="clearfix"></div>
-</footer>
-<template id="template-chartWithSlider">
-<div class="chartWithSlider">
-<div class="chartContainer">
-<canvas class="canvas"></canvas>
-</div>
-<!-- FK-TODO: remove sliderContainer and slider -->
-<div class="sliderContainer">
-<div class="slider"></div>
-</div>
-</div>
-</template>
+    <div class="clearfix"></div>
+  </footer>
+  <template id="template-chartWithSlider">
+    <div class="chartContainer">
+      <canvas class="canvas"></canvas>
+    </div>
+  </template>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/docs/gentelella/build/css/custom.css b/docs/gentelella/build/css/custom.css
index ba7a476f1bf..1e6badd1f9f 100644
--- a/docs/gentelella/build/css/custom.css
+++ b/docs/gentelella/build/css/custom.css
@@ -4906,20 +4906,6 @@ table thead .checkbox.radio { margin-top:-7px;margin-top:-21px; }
     /*prevent datatables overflowing its container*/
 }
 
-.chartWithSlider {
-    display: flex;
-    flex-wrap: nowrap;
-    flex-direction: row;
-}
-
-.chartWithSlider .chartContainer {
-    flex: 95%;
-}
-
-.chartWithSlider .sliderContainer {
-    flex: 5%;
-}
-
 .bar {
     height: 3px;
     background-color: #1a73e8;
