From f610489a6137a9c5af8a7ab19a8f54ab01b06e3c Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 3 Oct 2025 17:53:23 -0700
Subject: [PATCH] update pagination itemcount wording to be language agnostic

---
 src/shared/components/pagination/pagination.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/shared/components/pagination/pagination.tsx b/src/shared/components/pagination/pagination.tsx
index 9f10c6e7a..e5d40898c 100644
--- a/src/shared/components/pagination/pagination.tsx
+++ b/src/shared/components/pagination/pagination.tsx
@@ -8,6 +8,7 @@ import { useRef } from 'react';
 import styles from './pagination.module.css';
 
 import { Icon } from '/@/shared/components/icon/icon';
+import { Separator } from '/@/shared/components/separator/separator';
 import { Text } from '/@/shared/components/text/text';
 import { useContainerQuery } from '/@/shared/hooks/use-container-query';
 
@@ -64,7 +65,7 @@ export const Pagination = ({
             />
             {containerQuery.isSm && totalItemCount && (
                 <Text isNoSelect weight={500}>
-                    {currentPageStartIndex} - {currentPageEndIndex} of {totalItemCount}
+                    {currentPageStartIndex} - {currentPageEndIndex} <Separator /> {totalItemCount}
                 </Text>
             )}
         </div>