diff --git a/Views/Shared/_Layout.cshtml b/Views/Shared/_Layout.cshtml
index bacf3ee..50a84da 100644
--- a/Views/Shared/_Layout.cshtml
+++ b/Views/Shared/_Layout.cshtml
@@ -109,20 +109,8 @@
         @RenderBody()
     </div>
 </body>
+<script src="/js/scrollbar.js"></script>
 
-<script>
-document.addEventListener("DOMContentLoaded", () => {
-  const bar = document.querySelector(".sidebar");   
-  if (!bar) return;
 
-  // restore saved position
-  bar.scrollTop = +sessionStorage.getItem("sidebarScroll") || 0;
-
-  // remember current position
-  window.addEventListener("beforeunload", () => {
-    sessionStorage.setItem("sidebarScroll", bar.scrollTop);
-  });
-});
-</script>
 
 </html>
diff --git a/wwwroot/js/scrollbar.js b/wwwroot/js/scrollbar.js
new file mode 100644
index 0000000..0b3fa9c
--- /dev/null
+++ b/wwwroot/js/scrollbar.js
@@ -0,0 +1,12 @@
+document.addEventListener("DOMContentLoaded", () => {
+    const bar = document.querySelector(".sidebar");   
+    if (!bar) return;
+  
+    // restore saved position
+    bar.scrollTop = +sessionStorage.getItem("sidebarScroll") || 0;
+  
+    // remember current position
+    window.addEventListener("beforeunload", () => {
+      sessionStorage.setItem("sidebarScroll", bar.scrollTop);
+    });
+  });
\ No newline at end of file