diff --git a/ui/src/components/widgets/Breadcrumb.vue b/ui/src/components/widgets/Breadcrumb.vue
index fded742be36..8a1135dc022 100644
--- a/ui/src/components/widgets/Breadcrumb.vue
+++ b/ui/src/components/widgets/Breadcrumb.vue
@@ -26,7 +26,7 @@
         {{ $t(item.meta.title) }}
       </router-link>
       <span v-else-if="$route.params.id">
-        {{ $route.params.id }}
+        {{ resource.displayname || resource.displaytext || resource.name || resource.hostname || resource.username || resource.ipaddress || $route.params.id }}
       </span>
       <span v-else>
         {{ $t(item.meta.title) }}
@@ -56,6 +56,14 @@ import config from '@/config/settings'
 
 export default {
   name: 'Breadcrumb',
+  props: {
+    resource: {
+      type: Object,
+      default: function () {
+        return {}
+      }
+    }
+  },
   data () {
     return {
       name: '',
diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index c4e9133ea18..229f1eba14f 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -20,7 +20,7 @@
     <a-card class="breadcrumb-card">
       <a-row>
         <a-col :span="14" style="padding-left: 6px">
-          <breadcrumb>
+          <breadcrumb :resource="resource">
             <a-tooltip placement="bottom" slot="end">
               <template slot="title">
                 {{ "Refresh" }}