diff --git a/ui/src/components/execution-detail-card/index.vue b/ui/src/components/execution-detail-card/index.vue
index c005b4dbb69..19f69ede412 100644
--- a/ui/src/components/execution-detail-card/index.vue
+++ b/ui/src/components/execution-detail-card/index.vue
@@ -1411,8 +1411,14 @@
                 {{ $t('aiChat.executionDetails.title') }}
               </h5>
               <div class="p-8-12 border-t-dashed lighter">
-                <template v-for="(cLoop, cIndex) in data.details" :key="cIndex">
-                  <ExecutionDetailCard :data="cLoop" :type="type"></ExecutionDetailCard>
+                <template
+                  v-for="(cLoop, cIndex) in arraySort(
+                    Object.values(data.details ?? {}) ?? [],
+                    'index',
+                  )"
+                  :key="cIndex"
+                >
+                  <ExecutionDetailCard :data="cLoop"></ExecutionDetailCard>
                 </template>
               </div>
             </div>