diff --git a/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx b/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx
index 052d270b3fa2fb..0d9b178a63f646 100644
--- a/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx
+++ b/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx
@@ -14,13 +14,13 @@ const ChildChunks: FC<Props> = ({
   payload,
   isShowAll,
 }) => {
-  const { id, score, content } = payload
+  const { id, score, content, position } = payload
   return (
     <div
       className={!isShowAll ? 'line-clamp-2' : ''}
     >
       <div className='inline-flex items-center relative top-[-3px]'>
-        <div className='flex items-center h-[24px] bg-state-accent-solid  system-2xs-semibold-uppercase text-text-primary-on-surface px-1'>C-{id}</div>
+        <div className='flex items-center h-[24px] bg-state-accent-solid  system-2xs-semibold-uppercase text-text-primary-on-surface px-1'>C-{position}</div>
         <Score value={score} besideChunkName />
       </div>
       <SliceContent className='bg-state-accent-hover group-hover:bg-state-accent-hover text-text-secondary font-normal'>{content}</SliceContent>
diff --git a/web/models/datasets.ts b/web/models/datasets.ts
index 0dbc2938a2d6d6..c4b706fc85866f 100644
--- a/web/models/datasets.ts
+++ b/web/models/datasets.ts
@@ -482,6 +482,7 @@ export type HitTestingRecord = {
 export type HitTestingChildChunk = {
   id: string
   content: string
+  position: number
   score: number
 }
 export type HitTesting = {