diff --git a/app/static/budget_categories.js b/app/static/budget_categories.js
new file mode 100644
index 0000000..7ce2bbd
--- /dev/null
+++ b/app/static/budget_categories.js
@@ -0,0 +1,14 @@
+const delButtons = document.getElementsByClassName('del-button');
+
+async function deleteCategory(id){
+    var result = await fetch(`/delete_budget_category/${id}`, {method:'POST'});
+    var data = await result.json();
+    document.getElementById(`${id}-row`).remove();
+}
+document.addEventListener("DOMContentLoaded", (event) => {
+    for(let i = 0; i < delButtons.length; i++){
+        delButtons[i].addEventListener('click', e => {
+            deleteCategory(parseInt(e.target.id))
+        })
+    }
+  });
\ No newline at end of file
diff --git a/app/static/index.js b/app/static/homepage.js
similarity index 76%
rename from app/static/index.js
rename to app/static/homepage.js
index e259939..ce3e8b0 100644
--- a/app/static/index.js
+++ b/app/static/homepage.js
@@ -1,11 +1,5 @@
-const delButtons = document.getElementsByClassName('del-button');
 const reassignButtons = document.getElementsByClassName('reassign-button');
 
-async function deleteCategory(id){
-    var result = await fetch(`/delete_budget_category/${id}`, {method:'POST'});
-    var data = await result.json();
-    document.getElementById(`${id}-row`).remove();
-}
 function startEditMode(id){
     for(let i = 0; i < reassignButtons.length; i++){
         reassignButtons[i].disabled = true;
@@ -40,11 +34,6 @@ function startEditMode(id){
 }
 
 document.addEventListener("DOMContentLoaded", (event) => {
-    for(let i = 0; i < delButtons.length; i++){
-        delButtons[i].addEventListener('click', e => {
-            deleteCategory(parseInt(e.target.id))
-        })
-    }
     for(let i = 0; i < reassignButtons.length; i++){
         reassignButtons[i].addEventListener('click', e => {
             startEditMode(parseInt(e.target.id))
diff --git a/app/templates/base.html b/app/templates/base.html
index cbc3fe4..bada81c 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -45,6 +45,5 @@
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="{{url_for('.static', filename='index.js')}}"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/app/templates/budget_categories.html b/app/templates/budget_categories.html
index 39f4abb..7496da7 100644
--- a/app/templates/budget_categories.html
+++ b/app/templates/budget_categories.html
@@ -41,4 +41,5 @@
         </div>
     </div>
 </main>
+<script src="{{url_for('.static', filename='budget_categories.js')}}"></script>
 {% endblock content %}
\ No newline at end of file
diff --git a/app/templates/index.html b/app/templates/homepage.html
similarity index 96%
rename from app/templates/index.html
rename to app/templates/homepage.html
index 192d61e..73a797b 100644
--- a/app/templates/index.html
+++ b/app/templates/homepage.html
@@ -57,7 +57,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            {% for li in all_line_items %}
+                            {% for li in last_month_lines %}
                                 <tr id="{{li[0].id}}-row">
                                     <th scope="row">{{li[0].id}}</th>
                                     <th scope="row">{{li[0].parent_line_item_id}}</th>
@@ -78,4 +78,5 @@
         </div>
     </div>
 </main>
+<script src="{{url_for('.static', filename='homepage.js')}}"></script>
 {% endblock content %}