diff --git a/dist/discord.html b/dist/discord.html
index b9adb17a..c283c252 100644
--- a/dist/discord.html
+++ b/dist/discord.html
@@ -34,8 +34,8 @@
         <!-- Crowdin widget -->
         <script src="js/crowdin.js"></script>
     </head>
-	<body class="d-flex flex-column h-100 bg-dark-gray">
-        <main class="flex-shrink-0">
+    <body class="d-flex flex-column h-100 bg-dark-gray">
+        <main class="flex-shrink-0 overflow-hidden">
             <!-- Navigation-->
             <div id="nav-container"></div>
 
diff --git a/dist/feedback.html b/dist/feedback.html
index a2b23861..9615e38c 100644
--- a/dist/feedback.html
+++ b/dist/feedback.html
@@ -34,8 +34,8 @@
         <!-- Crowdin widget -->
         <script src="js/crowdin.js"></script>
     </head>
-	<body class="d-flex flex-column h-100 bg-dark-gray">
-        <main class="flex-shrink-0">
+    <body class="d-flex flex-column h-100 bg-dark-gray">
+        <main class="flex-shrink-0 overflow-hidden">
             <!-- Navigation-->
             <div id="nav-container"></div>
 
diff --git a/dist/index.html b/dist/index.html
index 19c82a6b..3b7bdc4f 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -40,7 +40,7 @@
         <script src="js/crowdin.js"></script>
     </head>
     <body class="d-flex flex-column h-100 bg-dark-gray">
-        <main class="flex-shrink-0">
+        <main class="flex-shrink-0 overflow-hidden">
             <!-- Navigation-->
             <nav id="nav-container"></nav>
 
@@ -268,7 +268,7 @@ <h1>
                         </div>
                         <div class="col-sm-auto border-white my-3 px-3 py-2 border-start">
                             <div class="container">
-                                    <h4 class="card-title mb-3 fw-bolder">Donate</h4>
+                                <h4 class="card-title mb-3 fw-bolder">Donate</h4>
                             </div>
                             <a
                                 class="text-decoration-none"
diff --git a/dist/js/levenshtein_distance.js b/dist/js/levenshtein_distance.js
new file mode 100644
index 00000000..6356c492
--- /dev/null
+++ b/dist/js/levenshtein_distance.js
@@ -0,0 +1,36 @@
+let levenshteinDistance = {
+    get: function (a, b) {
+        if (a.length === 0) return b.length;
+        if (b.length === 0) return a.length;
+
+        let matrix = [];
+
+        // increment along the first column of each row
+        let i;
+        for (i = 0; i <= b.length; i++) {
+            matrix[i] = [i];
+        }
+
+        // increment each column in the first row
+        let j;
+        for (j = 0; j <= a.length; j++) {
+            matrix[0][j] = j;
+        }
+
+        // Fill in the rest of the matrix
+        for (i = 1; i <= b.length; i++) {
+            for (j = 1; j <= a.length; j++) {
+                if (b.charAt(i - 1) === a.charAt(j - 1)) {
+                    matrix[i][j] = matrix[i - 1][j - 1];
+                } else {
+                    matrix[i][j] = Math.min(matrix[i - 1][j - 1] + 1, // substitution
+                        Math.min(matrix[i][j - 1] + 1, // insertion
+                            matrix[i - 1][j] + 1)); // deletion
+                }
+            }
+        }
+
+        // return the percentage of the levenshtein distance
+        return (1 - (matrix[b.length][a.length] / Math.max(a.length, b.length))) * 100
+    }
+}
diff --git a/dist/js/projects.js b/dist/js/projects.js
index 29443c99..ed4ba0b6 100644
--- a/dist/js/projects.js
+++ b/dist/js/projects.js
@@ -1,29 +1,16 @@
 // projects section script
-function rankingSorter(firstKey, secondKey) {
-    return function(a, b) {
-        if (a[firstKey] > b[firstKey]) {
-            return -1;
-        } else if (a[firstKey] < b[firstKey]) {
-            return 1;
-        }
-        else {
-            if (a[secondKey] > b[secondKey]) {
-                return 1;
-            } else if (a[secondKey] < b[secondKey]) {
-                return -1;
-            } else {
-                return 0;
-            }
-        }
-    }
-}
 
+// load external scripts
+$.getScript('https://app.lizardbyte.dev/js/ranking_sorter.js')
+
+
+// get project container
 container = document.getElementById("project-container")
 let org_name = "LizardByte"
 let base_url = `https://app.${org_name.toLowerCase()}.dev`
 let cache_repo = "uno"
 
-// create project cards
+
 $(document).ready(function(){
     // Set cache = false for all jquery ajax requests.
     $.ajaxSetup({
@@ -31,6 +18,8 @@ $(document).ready(function(){
     });
 });
 
+
+// create project cards
 $(document).ready(function(){
     // get readthedocs projects
     let readthedocs = []
diff --git a/dist/js/ranking_sorter.js b/dist/js/ranking_sorter.js
new file mode 100644
index 00000000..b0411cdd
--- /dev/null
+++ b/dist/js/ranking_sorter.js
@@ -0,0 +1,18 @@
+let rankingSorter = function (firstKey, secondKey) {
+    return function(a, b) {
+        if (a[firstKey] > b[firstKey]) {
+            return -1;
+        } else if (a[firstKey] < b[firstKey]) {
+            return 1;
+        }
+        else {
+            if (a[secondKey] > b[secondKey]) {
+                return 1;
+            } else if (a[secondKey] < b[secondKey]) {
+                return -1;
+            } else {
+                return 0;
+            }
+        }
+    }
+}
diff --git a/dist/privacy.html b/dist/privacy.html
index 58c5eccc..5be5e2e6 100644
--- a/dist/privacy.html
+++ b/dist/privacy.html
@@ -34,8 +34,8 @@
         <!-- Crowdin widget -->
         <script src="js/crowdin.js"></script>
     </head>
-	<body class="d-flex flex-column h-100 bg-dark-gray">
-        <main class="flex-shrink-0">
+    <body class="d-flex flex-column h-100 bg-dark-gray">
+        <main class="flex-shrink-0 overflow-hidden">
             <!-- Navigation-->
             <div id="nav-container"></div>
 
diff --git a/dist/support.html b/dist/support.html
index 6926f3f1..d1ba38e5 100644
--- a/dist/support.html
+++ b/dist/support.html
@@ -37,7 +37,7 @@
         <script src="js/crowdin.js"></script>
     </head>
     <body class="d-flex flex-column h-100 bg-dark-gray">
-        <main class="flex-shrink-0">
+        <main class="flex-shrink-0 overflow-hidden">
             <!-- Navigation-->
             <nav id="nav-container"></nav>
 
diff --git a/dist/terms.html b/dist/terms.html
index 2f06873e..718a7daa 100644
--- a/dist/terms.html
+++ b/dist/terms.html
@@ -34,8 +34,8 @@
         <!-- Crowdin widget -->
         <script src="js/crowdin.js"></script>
     </head>
-	<body class="d-flex flex-column h-100 bg-dark-gray">
-        <main class="flex-shrink-0">
+    <body class="d-flex flex-column h-100 bg-dark-gray">
+        <main class="flex-shrink-0 overflow-hidden">
             <!-- Navigation-->
             <div id="nav-container"></div>
 
