diff --git a/frontend/admin/src/components/utils/leftNav.vue b/frontend/admin/src/components/utils/leftNav.vue
index e180cca1..88e10bfd 100644
--- a/frontend/admin/src/components/utils/leftNav.vue
+++ b/frontend/admin/src/components/utils/leftNav.vue
@@ -2,8 +2,10 @@
     <div id="left-nav">
         <ul class="list-group">
             <li class="list-group-header">name</li>
-            <li class="list-group-item">
+            <li class="list-group-item" v-link-active>
                 <a v-link="{path: '/user'}">{{ $t("nav.userManagement") }}</a>
+            </li>
+            <li class="list-group-item" v-link-active>
                 <a v-link="{path: '/announcement'}">{{ $t("nav.announcementManagement") }}</a>
             </li>
         </ul>
diff --git a/frontend/admin/src/main.js b/frontend/admin/src/main.js
index 2ae89a85..14dafb48 100644
--- a/frontend/admin/src/main.js
+++ b/frontend/admin/src/main.js
@@ -90,7 +90,7 @@ Vue.use({
 
 
 Vue.use(VueRouter);
-var router = new VueRouter();
+var router = new VueRouter({linkActiveClass: "active"});
 
 router.map({
     "/user/:page": {