Grid column pinning theme does not apply the pinned border color to the header

[viktorkombov]

Description

The Grid column pinning styling is not applied consistently when using a custom Grid theme.

When setting a custom pinned border width, style, and color, the pinned border is applied correctly to the cells in the Grid body. However, the corresponding border in the column header keeps the default styling instead of using the configured $pinned-border-color.

As a result, the pinned column separator has different styling in the header and body sections of the Grid.

The issue can be reproduced in the following sample:

https://stackblitz.com/edit/hnvarmvr-1z8nt1jr?file=package.json

Framework

Angular

Angular Version

22.x

Ignite UI for Angular Version

22.0.0-rc.2

Component / Area

Grid

Browser

Chrome

Operating System

Windows

Command Not Working

Steps to Reproduce

Actual Result

The custom pinned border styling is applied to the Grid body, but the header border does not use the configured $pinned-border-color.

Expected Result

The configured pinned border width, style, and color should be applied consistently to both the Grid header and body.

Reproduction URL

https://stackblitz.com/edit/hnvarmvr-1z8nt1jr?file=package.json

Attachments

1. Open the reproduction sample - https://stackblitz.com/edit/hnvarmvr-1z8nt1jr?file=package.json