diff --git a/web/src/pages/BudgetSidebar.vue b/web/src/pages/BudgetSidebar.vue
index 3481411..7ea3d34 100644
--- a/web/src/pages/BudgetSidebar.vue
+++ b/web/src/pages/BudgetSidebar.vue
@@ -1,8 +1,8 @@
 <script>
 export default {
+  props: ['budgetid'],
   mounted () {
-    const budgetid = this.$route.params.budgetid;
-    this.$store.dispatch("setCurrentBudget", budgetid)
+    this.$store.dispatch("setCurrentBudget", this.budgetid)
   }
 }
 
diff --git a/web/src/router/routes.js b/web/src/router/routes.js
index e75d90d..fb409d0 100644
--- a/web/src/router/routes.js
+++ b/web/src/router/routes.js
@@ -9,7 +9,7 @@ const routes = [
   { path: '/dashboard', name: 'Dashboard', component: Dashboard },
   { path: '/login', name: 'Login', component: Login },
   { path: '/register', name: 'Register', component: Register },
-  { path: '/budget/:budgetid',  name: 'Budget', components: {default: Dashboard, sidebar: BudgetSidebar } },
+  { path: '/budget/:budgetid',  name: 'Budget', components: {default: Dashboard, sidebar: BudgetSidebar}, props: true },
 ]
 
 const router = createRouter({