[Solved] Why are these kendo angular dropdown karat-icons not centered?

[Tom]

Hi, This is driving me crazy.  My karat icons are not centered:

I've made sure everything is set up properly and have tried targeting that exact class and padding the top via css.  Nothing seems to work.

What could be the issue?

[Hetali]

Hi Thomas,

The caret icon in the Kendo UI DropDownList is positioned correctly in the example in our documentation as seen in this StackBlitz sample.



To further assist you with the position of the icon on your end, could you please share an isolated Angular application or updated StackBlitz example replicating the issue? I can then investigate and assist you with the matter.

Regards,
Hetali
Progress Telerik

[Tom]

Ok, sorry to trouble you.  Another developer had some styles defined in scss for .k-svg-icon class that were interfering.  Should have checked that first.  Thanks,

[Hetali]

Hi Thomas,

No problem at all. I'm glad you were able to fix the styling issue.

Let me know if you have further issues. I'll be happy to assist.

Regards,
Hetali
Progress Telerik