diff --git a/web/src/pages/Budgeting.vue b/web/src/pages/Budgeting.vue
index fed5239..d3d84a8 100644
--- a/web/src/pages/Budgeting.vue
+++ b/web/src/pages/Budgeting.vue
@@ -4,7 +4,7 @@ import { TITLE } from "../store/mutation-types";
 
 export default defineComponent({
     mounted() {
-        this.$store.dispatch(TITLE, "Budget for " + this.month + " " + this.year)
+        this.$store.commit(TITLE, "Budget for " + this.month + " " + this.year)
     },
     props: ["budgetid", "year", "month"],
     data() {
@@ -41,6 +41,9 @@ export default defineComponent({
 </script>
 
 <template>
+    <h1>
+        Budget for {{current.Month}}/{{current.Year}}
+    </h1>
     <div>
         <router-link :to="'/budget/'+$store.getters.CurrentBudget.ID +'/' + previous.Year + '/' + previous.Month">Previous Month</router-link> - 
         <router-link :to="'/budget/'+$store.getters.CurrentBudget.ID +'/' + current.Year + '/' + current.Month">Current Month</router-link> -