diff --git a/data/demo.mv.db b/data/demo.mv.db
index 4776c8ec4a71454d5ff7b0224e7905e703e36cf4..cea7e2f55842f2283c6d0fe9a7f2ac0bb6d50a00 100644
Binary files a/data/demo.mv.db and b/data/demo.mv.db differ
diff --git a/src/main/resources/templates/statistics.html b/src/main/resources/templates/statistics.html
index bdae8971d82f962f715406e27b490b48643c37d7..3752918cf934dc50edca00e853fb3ba2f34a1af7 100644
--- a/src/main/resources/templates/statistics.html
+++ b/src/main/resources/templates/statistics.html
@@ -3,32 +3,33 @@
 <head>
     <meta charset="UTF-8">
     <title>Document Statistics</title>
-    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
-    <link rel="stylesheet" th:href="@{/webjars/bootstrap/5.1.3/css/bootstrap.min.css}">
-    <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
+    <script src="https://cdn.plot.ly/plotly-1.58.5.min.js"></script>
+
+    <link rel="icon" type="image/x-icon" href="/assets/favicon.ico" />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" />
 
     <link rel="stylesheet" th:href="@{/styles.css}" />
+
     <style>
         .navbar-nav .nav-link {
-            font-size: 1.2rem; /* zväčšenie písma */
-            margin-right: 20px; /* medzera medzi poloĹľkami */
-            color: rgb(51, 102, 255); /* farba textu v menu */
+            font-size: 1.2rem;
+            margin-right: 20px;
+            color: rgb(51, 102, 255);
         }
 
-        /* Zmena farby pri hover */
         .navbar-nav .nav-link:hover {
             color: #00134d;
         }
 
         .navbar-nav .nav-link.active {
-            color: rgb(51, 102, 255) !important; /* prepíše bootstrap čiernu */
+            color: rgb(51, 102, 255) !important;
         }
 
         .navbar-nav .nav-link.active:hover {
             color: #00134d !important;
         }
 
-
         h2 {
             color: #ffffff;
             text-align: center;
@@ -200,6 +201,7 @@
         }, 500);
     });
 </script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
 
 <footer class="footer bg-light mt-5">
     <div class="container text-center">
diff --git a/src/main/resources/templates/view-all.html b/src/main/resources/templates/view-all.html
index f53c22bfd8c7deb62d55509b4276bfb89867f4a5..cc516be2496d06ee6686a919eeb27626ca482422 100644
--- a/src/main/resources/templates/view-all.html
+++ b/src/main/resources/templates/view-all.html
@@ -10,31 +10,28 @@
   <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" />
   <link rel="stylesheet" th:href="@{/styles.css}" />
 
-  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
+
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 
   <style>
     .navbar-nav .nav-link {
-      font-size: 1.2rem; /* zväčšenie písma */
-      margin-right: 20px; /* medzera medzi poloĹľkami */
-      color: rgb(51, 102, 255); /* farba textu v menu */
+      font-size: 1.2rem;
+      margin-right: 20px;
+      color: rgb(51, 102, 255);
     }
 
-    /* Zmena farby pri hover */
     .navbar-nav .nav-link:hover {
       color: #00134d;
     }
 
     .navbar-nav .nav-link.active {
-      color: rgb(51, 102, 255) !important; /* prepíše bootstrap čiernu */
+      color: rgb(51, 102, 255) !important;
     }
 
     .navbar-nav .nav-link.active:hover {
       color: #00134d !important;
     }
-
   </style>
-
 </head>
 
 <body>
@@ -88,10 +85,8 @@
     <div class="col-md-6">
       <select id="statusFilter" class="form-select">
         <option value="">All Statuses</option>
-        <option value="Processed">Processed</option>
-        <option value="Pending">Pending</option>
-        <option value="Failed">Failed</option>
-        <!-- Pridaj ďalšie statusy podľa potreby -->
+        <option value="PDF">PDF</option>
+        <option value="Referenced">Referenced</option>
       </select>
     </div>
   </div>
@@ -122,6 +117,7 @@
     <p class="text-muted small">&copy; Eliška Kozáčiková 2025. All Rights Reserved.</p>
   </div>
 </footer>
+
 <script>
   $(document).ready(function () {
     const $rows = $('table tbody tr');
@@ -145,10 +141,5 @@
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
 
-<footer class="footer bg-light mt-5">
-  <div class="container text-center">
-    <p class="text-muted small">&copy; Eliška Kozáčiková 2025. All Rights Reserved.</p>
-  </div>
-</footer>
 </body>
 </html>