diff --git a/fda-ui/pages/container/_container_id/database/_database_id/admin.vue b/fda-ui/pages/container/_container_id/database/_database_id/admin.vue
index e1ca5a02b08cd0cb30f2c007e21016f81bd71acb..43ec7f4365ba586fa33f60a8dc5ffaab93e11ae9 100644
--- a/fda-ui/pages/container/_container_id/database/_database_id/admin.vue
+++ b/fda-ui/pages/container/_container_id/database/_database_id/admin.vue
@@ -48,8 +48,12 @@ export default {
       dialogDelete: false,
       confirm: null,
       items: [
-        { text: 'Databases', to: '/databases', activeClass: '' },
-        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/info`, activeClass: '' }
+        { text: 'Databases', to: '/container', activeClass: '' },
+        {
+          text: `${this.$route.params.database_id}`,
+          to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/info`,
+          activeClass: ''
+        }
       ]
     }
   },
diff --git a/fda-ui/pages/container/_container_id/database/_database_id/info.vue b/fda-ui/pages/container/_container_id/database/_database_id/info.vue
index 5b6a6cea9386ca22fb6d5582d03aec90b648d17c..3186fa34dc6687f650d2cb8d1708b1718a882b1f 100644
--- a/fda-ui/pages/container/_container_id/database/_database_id/info.vue
+++ b/fda-ui/pages/container/_container_id/database/_database_id/info.vue
@@ -39,8 +39,12 @@ export default {
     return {
       loading: false,
       items: [
-        { text: 'Databases', href: '/container' },
-        { text: `${this.$route.params.database_id}`, href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/info` }
+        { text: 'Databases', to: '/container', activeClass: '' },
+        {
+          text: `${this.$route.params.database_id}`,
+          to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/info`,
+          activeClass: ''
+        }
       ]
     }
   },
diff --git a/fda-ui/pages/container/_container_id/database/_database_id/query/_query_id/index.vue b/fda-ui/pages/container/_container_id/database/_database_id/query/_query_id/index.vue
index 2cc72b4c278401a7cdb3ac277365a5ee033c3bc1..d40ffb92e2d6bc4901e569d346f46d7a2d601415 100644
--- a/fda-ui/pages/container/_container_id/database/_database_id/query/_query_id/index.vue
+++ b/fda-ui/pages/container/_container_id/database/_database_id/query/_query_id/index.vue
@@ -92,10 +92,10 @@ export default {
   data () {
     return {
       items: [
-        { text: 'Databases', href: '/container' },
-        { text: `${this.$route.params.database_id}`, href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}` },
-        { text: 'Queries', href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/query` },
-        { text: `${this.$route.params.query_id}`, href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/query/${this.$route.params.query_id}` }
+        { text: 'Databases', to: '/container', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}`, activeClass: '' },
+        { text: 'Queries', to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/query`, activeClass: '' },
+        { text: `${this.$route.params.query_id}`, to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/query/${this.$route.params.query_id}`, activeClass: '' }
       ],
       query: {
         id: this.$route.params.query_id,
diff --git a/fda-ui/pages/container/_container_id/database/_database_id/query/create.vue b/fda-ui/pages/container/_container_id/database/_database_id/query/create.vue
index 2e60a02cd7a047178f1af95d91240efdaa01a2c5..1fa5ca66e0c610744e3979dbb15bb66d7eb6c57e 100644
--- a/fda-ui/pages/container/_container_id/database/_database_id/query/create.vue
+++ b/fda-ui/pages/container/_container_id/database/_database_id/query/create.vue
@@ -10,9 +10,17 @@ export default {
   data () {
     return {
       items: [
-        { text: 'Databases', href: '/container' },
-        { text: `${this.$route.params.database_id}`, href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/info` },
-        { text: 'Queries', href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/query` }
+        { text: 'Databases', to: '/container', activeClass: '' },
+        {
+          text: `${this.$route.params.database_id}`,
+          to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/info`,
+          activeClass: ''
+        },
+        {
+          text: 'Queries',
+          to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/query`,
+          activeClass: ''
+        }
       ]
     }
   },
diff --git a/fda-ui/pages/container/_container_id/database/_database_id/query/index.vue b/fda-ui/pages/container/_container_id/database/_database_id/query/index.vue
index 9adfcbe3b67fd1e00bb89168dc55a60007deacf3..625dc6eab889667033231b723d4fdbb88faf6880 100644
--- a/fda-ui/pages/container/_container_id/database/_database_id/query/index.vue
+++ b/fda-ui/pages/container/_container_id/database/_database_id/query/index.vue
@@ -12,8 +12,12 @@ export default {
   data () {
     return {
       items: [
-        { text: 'Databases', href: '/container' },
-        { text: `${this.$route.params.database_id}`, href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/query` }
+        { text: 'Databases', to: '/container', activeClass: '' },
+        {
+          text: `${this.$route.params.database_id}`,
+          to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/query`,
+          activeClass: ''
+        }
       ]
     }
   },
diff --git a/fda-ui/pages/container/_container_id/database/_database_id/table/_table_id/index.vue b/fda-ui/pages/container/_container_id/database/_database_id/table/_table_id/index.vue
index a56278bbe747652313c36565b8f676352309a9dd..b8b81b0e9addabdd1e393209cd1812b8d47bb4d5 100644
--- a/fda-ui/pages/container/_container_id/database/_database_id/table/_table_id/index.vue
+++ b/fda-ui/pages/container/_container_id/database/_database_id/table/_table_id/index.vue
@@ -86,10 +86,10 @@ export default {
         description: null
       },
       items: [
-        { text: 'Databases', href: '/container' },
-        { text: `${this.$route.params.database_id}`, href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/info` },
-        { text: 'Tables', href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/table` },
-        { text: `${this.$route.params.table_id}`, href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/table/${this.$route.params.table_id}` }
+        { text: 'Databases', to: '/container', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/info`, activeClass: '' },
+        { text: 'Tables', to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/table`, activeClass: '' },
+        { text: `${this.$route.params.table_id}`, to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/table/${this.$route.params.table_id}`, activeClass: '' }
       ],
       headers: [],
       rows: []
diff --git a/fda-ui/pages/container/_container_id/database/_database_id/table/import.vue b/fda-ui/pages/container/_container_id/database/_database_id/table/import.vue
index 438f24ca4ecdd37c5a5e63ed423a3f757c255737..f9b0e65e5123d1a5dc15c8c052c2cc04223129b7 100644
--- a/fda-ui/pages/container/_container_id/database/_database_id/table/import.vue
+++ b/fda-ui/pages/container/_container_id/database/_database_id/table/import.vue
@@ -237,8 +237,12 @@ export default {
         '#'
       ],
       items: [
-        { text: 'Databases', href: '/container' },
-        { text: `${this.$route.params.database_id}`, href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/info` }
+        { text: 'Databases', to: '/container', activeClass: '' },
+        {
+          text: `${this.$route.params.database_id}`,
+          to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/info`,
+          activeClass: ''
+        }
       ],
       rules: {
         required: value => !!value || 'Required',
diff --git a/fda-ui/pages/container/_container_id/database/_database_id/table/index.vue b/fda-ui/pages/container/_container_id/database/_database_id/table/index.vue
index c726689973b5c6e2a893da0b0a4336b465519189..04026449a9340b394bc3f7e37e2210b2e9db71da 100644
--- a/fda-ui/pages/container/_container_id/database/_database_id/table/index.vue
+++ b/fda-ui/pages/container/_container_id/database/_database_id/table/index.vue
@@ -21,8 +21,8 @@ export default {
     return {
       db: null,
       items: [
-        { text: 'Databases', href: '/container' },
-        { text: `${this.$route.params.database_id}`, href: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/table` }
+        { text: 'Databases', to: '/container', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/container/${this.$route.params.container_id}/database/${this.$route.params.database_id}/table`, activeClass: '' }
       ]
     }
   },
diff --git a/fda-ui/pages/container/index.vue b/fda-ui/pages/container/index.vue
index 39aa3876e4bc5368af5e710a5bee39ddbac002cb..14e494cdbd626e8039f30af6b03fa38f77815562 100644
--- a/fda-ui/pages/container/index.vue
+++ b/fda-ui/pages/container/index.vue
@@ -67,7 +67,7 @@ export default {
       createDbDialog: false,
       databases: [],
       items: [
-        { text: 'Databases', href: '/container' }
+        { text: 'Databases', to: '/container', activeClass: '' }
       ],
       loading: true,
       error: false,