From 7fe79080c6b69c96de3fa8926a132dd5403cfeed Mon Sep 17 00:00:00 2001
From: LevonW-IIS <103007146+LevonW-IIS@users.noreply.github.com>
Date: Mon, 24 Mar 2025 13:01:26 +1300
Subject: [PATCH 1/2] fix indicator css not being applied to the root of the
 indicator

---
 .../src/components/head/MRT_TableHeadCellSortLabel.tsx     | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/mantine-react-table/src/components/head/MRT_TableHeadCellSortLabel.tsx b/packages/mantine-react-table/src/components/head/MRT_TableHeadCellSortLabel.tsx
index c34bbe8d8..50e7cb469 100644
--- a/packages/mantine-react-table/src/components/head/MRT_TableHeadCellSortLabel.tsx
+++ b/packages/mantine-react-table/src/components/head/MRT_TableHeadCellSortLabel.tsx
@@ -70,10 +70,11 @@ export const MRT_TableHeadCellSortLabel = <TData extends MRT_RowData>({
         SortActionButton
       ) : (
         <Indicator
-          className={clsx(
+          classNames={{
+            root: clsx(
             'mrt-table-head-multi-sort-indicator',
-            classes['multi-sort-indicator'],
-          )}
+            classes['multi-sort-indicator']
+            )}}
           inline
           label={sortIndex + 1}
           offset={4}

From f04eb09a20f7293de5eb041429465567c42e033d Mon Sep 17 00:00:00 2001
From: LevonW-IIS <103007146+LevonW-IIS@users.noreply.github.com>
Date: Mon, 24 Mar 2025 13:01:26 +1300
Subject: [PATCH 2/2] fix indicator css not being applied to the root of the
 indicator

---
 .../src/components/head/MRT_TableHeadCellSortLabel.tsx     | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/mantine-react-table/src/components/head/MRT_TableHeadCellSortLabel.tsx b/packages/mantine-react-table/src/components/head/MRT_TableHeadCellSortLabel.tsx
index c34bbe8d8..50e7cb469 100644
--- a/packages/mantine-react-table/src/components/head/MRT_TableHeadCellSortLabel.tsx
+++ b/packages/mantine-react-table/src/components/head/MRT_TableHeadCellSortLabel.tsx
@@ -70,10 +70,11 @@ export const MRT_TableHeadCellSortLabel = <TData extends MRT_RowData>({
         SortActionButton
       ) : (
         <Indicator
-          className={clsx(
+          classNames={{
+            root: clsx(
             'mrt-table-head-multi-sort-indicator',
-            classes['multi-sort-indicator'],
-          )}
+            classes['multi-sort-indicator']
+            )}}
           inline
           label={sortIndex + 1}
           offset={4}