From 13279948762c3d2eadc2dda9c4276f6628762759 Mon Sep 17 00:00:00 2001
From: Alina Visan <alycry.alina@gmail.com>
Date: Thu, 11 Jan 2024 13:34:56 +0200
Subject: [PATCH] Update AG Grid theme header icon alignment (#2859)

---
 .changeset/strange-years-compare.md                  | 5 +++++
 packages/ag-grid-theme/css/_salt-ag-theme-mixin.scss | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/strange-years-compare.md

diff --git a/.changeset/strange-years-compare.md b/.changeset/strange-years-compare.md
new file mode 100644
index 00000000000..08c11b0819f
--- /dev/null
+++ b/.changeset/strange-years-compare.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/ag-grid-theme": patch
+---
+
+Update header icon alignment. Adding space between the text and the icon, so the icon will be aligned opposite the text.
diff --git a/packages/ag-grid-theme/css/_salt-ag-theme-mixin.scss b/packages/ag-grid-theme/css/_salt-ag-theme-mixin.scss
index dac4d833f8b..6bce313dbd9 100644
--- a/packages/ag-grid-theme/css/_salt-ag-theme-mixin.scss
+++ b/packages/ag-grid-theme/css/_salt-ag-theme-mixin.scss
@@ -288,8 +288,12 @@
     top: var(--agGrid-column-separator-top);
   }
 
+  .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
+    margin-right: auto;
+  }
+
   .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
-    margin-left: var(--salt-spacing-100);
+    margin-left: auto;
   }
 
   .ag-keyboard-focus .ag-header-cell:focus:after {