From cad51accd512a527a9c7eb4df23cbe17b3cb5e7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jose=20Andre=CC=81s=20Granero?=
 <joseandres.granero@devo.com>
Date: Wed, 23 Oct 2024 15:33:44 +0200
Subject: [PATCH] fix: fixed use of new component token in OrderIndicator

---
 packages/table/src/core/HeaderCell/OrderIndicator.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/table/src/core/HeaderCell/OrderIndicator.tsx b/packages/table/src/core/HeaderCell/OrderIndicator.tsx
index 0d4c64bd..787fd974 100644
--- a/packages/table/src/core/HeaderCell/OrderIndicator.tsx
+++ b/packages/table/src/core/HeaderCell/OrderIndicator.tsx
@@ -29,7 +29,7 @@ export const OrderIndicator: React.FC<OrderIndicatorProps> = ({ colDef }) => {
       `}
     >
       <VFlex spacing="0">
-        <VFlex.Item cssTranslate={`0, ${iconOffset}px`}>
+        <VFlex.Item cssTranslate={`0, ${iconOffset}`}>
           <GISortAscCarets
             color={iconColor}
             size={iconSize}
@@ -39,7 +39,7 @@ export const OrderIndicator: React.FC<OrderIndicatorProps> = ({ colDef }) => {
             }}
           />
         </VFlex.Item>
-        <VFlex.Item cssTranslate={`0, -${iconOffset}px`}>
+        <VFlex.Item cssTranslate={`0, calc(${iconOffset} * -1)`}>
           <GISortDescCarets
             color={iconColor}
             size={iconSize}