diff --git a/ui/src/pages/ManageApplications.vue b/ui/src/pages/ManageApplications.vue
index bcbe897..a54d7e3 100644
--- a/ui/src/pages/ManageApplications.vue
+++ b/ui/src/pages/ManageApplications.vue
@@ -61,7 +61,7 @@ async function handleDeny(id) {
 
 const router = useRouter();
 function openApplication(id) {
-    router.push(`/applications/${id}`)
+    router.push(`./application/${id}`)
 }
 
 onMounted(async () => {
diff --git a/ui/src/router/index.js b/ui/src/router/index.js
index 2541e6a..5dcfbfb 100644
--- a/ui/src/router/index.js
+++ b/ui/src/router/index.js
@@ -22,6 +22,7 @@ const router = createRouter({
       meta: { requiresAuth: true, memberOnly: true, roles: ['staff', 'admin'] },
       children: [
         { path: 'applications', component: () => import('@/pages/ManageApplications.vue') },
+        { path: 'application/:id', component: () => import('@/pages/Application.vue') },
         { path: 'rankChange', component: () => import('@/pages/RankChange.vue') },
         { path: 'applications/:id', component: () => import('@/pages/Application.vue') },
         { path: 'transfer', component: () => import('@/pages/ManageTransfers.vue') },