diff --git a/flask/static/js/window.js b/flask/static/js/window.js
new file mode 100644
index 0000000..d4e9e82
--- /dev/null
+++ b/flask/static/js/window.js
@@ -0,0 +1,20 @@
+function scaleDashboard() {
+    const dashboard = document.querySelector('.dashboard');
+    const layoutSidenavContent = document.querySelector('#layoutSidenav_content');
+    
+    const scaleX = layoutSidenavContent.offsetWidth / 1330;
+    const scaleY = layoutSidenavContent.offsetHeight / 1045;
+    const scale = Math.min(scaleX, scaleY);
+    
+    if (layoutSidenavContent.offsetWidth < 1680) {
+        dashboard.style.transform = `scale(${scale})`;
+    }
+    else {
+        dashboard.style.transform = `scale(${scaleX*0.99}, ${scaleY})`;
+    }
+    
+    dashboard.style.transformOrigin = '0 0px';
+}
+
+window.addEventListener('resize', scaleDashboard);
+scaleDashboard();
\ No newline at end of file
diff --git a/flask/templates/index.html b/flask/templates/index.html
index edcd47f..a38bc09 100644
--- a/flask/templates/index.html
+++ b/flask/templates/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
     <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
@@ -161,5 +162,6 @@
     <script src="static/js/article.js"></script>
     <script src="static/js/clickbait.js"></script>
     <script src="static/js/result.js"></script>
+    <script src="static/js/window.js"></script>
 </body>
 </html>
\ No newline at end of file
