diff --git a/src/views/perms/DatabaseAppPermission/DatabaseAppPermissionList.vue b/src/views/perms/DatabaseAppPermission/DatabaseAppPermissionList.vue
index e7548b522..de1dd3ec1 100644
--- a/src/views/perms/DatabaseAppPermission/DatabaseAppPermissionList.vue
+++ b/src/views/perms/DatabaseAppPermission/DatabaseAppPermissionList.vue
@@ -4,6 +4,7 @@
 
 <script>
 import { GenericListPage } from '@/layout/components'
+import { DetailFormatter } from '@/components/ListTable/formatters'
 
 export default {
   components: {
@@ -15,14 +16,31 @@ export default {
         url: '/api/v1/perms/database-app-permissions/',
         columns: ['name', 'users_amount', 'user_groups_amount', 'database_apps_amount', 'system_users_amount', 'is_valid', 'actions'],
         columnsMeta: {
+          name: {
+            routeQuery: {
+              activeTab: 'DatabaseAppPermissionDetail'
+            }
+          },
           users_amount: {
-            label: this.$t('perms.User')
+            label: this.$t('perms.User'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'DatabaseAppPermissionUser'
+            }
           },
           user_groups_amount: {
-            label: this.$t('perms.UserGroups')
+            label: this.$t('perms.UserGroups'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'DatabaseAppPermissionUser'
+            }
           },
           database_apps_amount: {
-            label: this.$t('perms.databaseApp')
+            label: this.$t('perms.databaseApp'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'DatabaseAppPermissionDatabaseApp'
+            }
           },
           system_users_amount: {
             label: this.$t('perms.SystemUser')
diff --git a/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue b/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue
index 25b04ad90..6d262b0d8 100644
--- a/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue
+++ b/src/views/perms/RemoteAppPermission/RemoteAppPermissionList.vue
@@ -4,6 +4,7 @@
 
 <script>
 import { GenericListPage } from '@/layout/components'
+import { DetailFormatter } from '@/components/ListTable/formatters'
 
 export default {
   components: {
@@ -20,13 +21,25 @@ export default {
         ],
         columnsMeta: {
           users_amount: {
-            label: this.$t('users.Users')
+            label: this.$t('users.Users'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'RemoteAppPermissionUser'
+            }
           },
           user_groups_amount: {
-            label: this.$t('users.UserGroups')
+            label: this.$t('users.UserGroups'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'RemoteAppPermissionUser'
+            }
           },
           remote_apps_amount: {
-            label: this.$t('assets.RemoteApps')
+            label: this.$t('assets.RemoteApps'),
+            formatter: DetailFormatter,
+            routeQuery: {
+              activeTab: 'RemoteAppPermissionRemoteApp'
+            }
           },
           system_users_amount: {
             label: this.$t('assets.SystemUsers')