diff --git a/fda-ui/pages/databases/_database_id/admin.vue b/fda-ui/pages/databases/_database_id/admin.vue
index c625034ada6d09ac32f2ccfc7291849564b06fc8..e1ca5a02b08cd0cb30f2c007e21016f81bd71acb 100644
--- a/fda-ui/pages/databases/_database_id/admin.vue
+++ b/fda-ui/pages/databases/_database_id/admin.vue
@@ -48,8 +48,8 @@ export default {
       dialogDelete: false,
       confirm: null,
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/info` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/info`, activeClass: '' }
       ]
     }
   },
diff --git a/fda-ui/pages/databases/_database_id/info.vue b/fda-ui/pages/databases/_database_id/info.vue
index f74557fc63c632385dfcaaafc430b9cd392bd670..c10903623c7e6566c8690d2ce222ed29f1462b23 100644
--- a/fda-ui/pages/databases/_database_id/info.vue
+++ b/fda-ui/pages/databases/_database_id/info.vue
@@ -38,8 +38,8 @@ export default {
     return {
       loading: false,
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/info` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/info`, activeClass: '' }
       ]
     }
   },
diff --git a/fda-ui/pages/databases/_database_id/queries/create.vue b/fda-ui/pages/databases/_database_id/queries/create.vue
index d7881bf21697c6cfe299ff2a481138d8d260e463..a8ff9d856598c5a94fa387ed748e24c11a8385ab 100644
--- a/fda-ui/pages/databases/_database_id/queries/create.vue
+++ b/fda-ui/pages/databases/_database_id/queries/create.vue
@@ -18,9 +18,9 @@ export default {
   data () {
     return {
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/info` },
-        { text: 'Tables', href: `/databases/${this.$route.params.database_id}/tables` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/info`, activeClass: '' },
+        { text: 'Tables', to: `/databases/${this.$route.params.database_id}/tables`, activeClass: '' }
       ]
     }
   },
diff --git a/fda-ui/pages/databases/_database_id/queries/index.vue b/fda-ui/pages/databases/_database_id/queries/index.vue
index 76117479ec34b39d66c2d14dd177d661117c0978..8737854e772c6279a8e314a606e8c0fb40282998 100644
--- a/fda-ui/pages/databases/_database_id/queries/index.vue
+++ b/fda-ui/pages/databases/_database_id/queries/index.vue
@@ -12,8 +12,8 @@ export default {
   data () {
     return {
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/queries` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/queries`, activeClass: '' }
       ]
     }
   },
diff --git a/fda-ui/pages/databases/_database_id/tables/_table_id/index.vue b/fda-ui/pages/databases/_database_id/tables/_table_id/index.vue
index decd4c5410bb1b4112a376e12321bed0ddc44e82..6087bab07166038323acd20a8290a005d3b14627 100644
--- a/fda-ui/pages/databases/_database_id/tables/_table_id/index.vue
+++ b/fda-ui/pages/databases/_database_id/tables/_table_id/index.vue
@@ -139,10 +139,10 @@ export default {
         description: null
       },
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/info` },
-        { text: 'Tables', href: `/databases/${this.$route.params.database_id}/tables` },
-        { text: `${this.$route.params.table_id}`, href: `/databases/${this.$route.params.database_id}/tables/${this.$route.params.table_id}` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/info`, activeClass: '' },
+        { text: 'Tables', to: `/databases/${this.$route.params.database_id}/tables`, activeClass: '' },
+        { text: `${this.$route.params.table_id}`, to: `/databases/${this.$route.params.database_id}/tables/${this.$route.params.table_id}`, activeclass: '' }
       ],
       headers: [],
       rows: []
diff --git a/fda-ui/pages/databases/_database_id/tables/index.vue b/fda-ui/pages/databases/_database_id/tables/index.vue
index bee2942de946767296c83897c4c85a09c93b610a..c1cc854a457fa9ddc86ba7ddeb22b21942e1693b 100644
--- a/fda-ui/pages/databases/_database_id/tables/index.vue
+++ b/fda-ui/pages/databases/_database_id/tables/index.vue
@@ -21,8 +21,8 @@ export default {
     return {
       db: null,
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/tables` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/tables`, activeClass: '' }
       ]
     }
   },