diff --git a/ui/src/views/common/DetailView.vue b/ui/src/views/common/DetailView.vue
index 783003e56ca..7a019155e82 100644
--- a/ui/src/views/common/DetailView.vue
+++ b/ui/src/views/common/DetailView.vue
@@ -22,9 +22,9 @@
                 <a-skeleton active v-if="loading" />
                 <a-card-grid
                   style="width:50%; textAlign:'center'"
-                  :key="index"
-                  v-for="(key, index) in $route.meta.details"
-                  v-if="!loading && key in resource">
+                  v-for="key in $route.meta.details"
+                  v-if="!loading && key in resource"
+                  :key="key" >
                   <strong>{{ $t(key) }}</strong><br/>{{ resource[key] }}
                 </a-card-grid>
               </a-card>