diff --git a/frontend/crawlab-ui/src/layouts/content/detail/DetailLayout.vue b/frontend/crawlab-ui/src/layouts/content/detail/DetailLayout.vue
index 53d98f8e..21ff05c3 100644
--- a/frontend/crawlab-ui/src/layouts/content/detail/DetailLayout.vue
+++ b/frontend/crawlab-ui/src/layouts/content/detail/DetailLayout.vue
@@ -102,6 +102,11 @@ defineOptions({ name: 'ClDetailLayout' });
                 :label="navItemLabelFn ? navItemLabelFn(item) : item.label"
                 :value="item.id"
               />
+              <template #label>
+                {{
+                  navItems.find(item => item.id === activeId)?.label || activeId
+                }}
+              </template>
             </el-select>
           </div>
         </template>