diff --git a/web/src/router/routes.js b/web/src/router/routes.js
index 8c139eb..e75d90d 100644
--- a/web/src/router/routes.js
+++ b/web/src/router/routes.js
@@ -1,5 +1,5 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import Budget from '../pages/Budget.vue';
+import BudgetSidebar from '../pages/BudgetSidebar.vue';
 import Dashboard from '../pages/Dashboard.vue';
 import Login from '../pages/Login.vue';
 import Register from '../pages/Register.vue';
@@ -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: Budget } },
+  { path: '/budget/:budgetid',  name: 'Budget', components: {default: Dashboard, sidebar: BudgetSidebar } },
 ]
 
 const router = createRouter({