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 {