Thank you for you respond. I think the problem that I have is because it is under the shadow root. I am using Stenciljs, how to overswrite the default styling in shadow root. Can I do it without document.getSelector, I just want the easiest solution so I can overwrite the css file rather than doing it programmatically
You can read more about styling while using shadow dom here: shadow-dom
Basically, the shadow dom inherits the CSS variables so each component has exposed CSS variables to play with.
Here is a link for the grid’s variables: css-variables
If you need further help, do not hesitate to contact us!