DropDown Icon is centered

Question

Hello,

I am trying to create a form where users can enter certain data, but I have some design issues with DropDownList element.

As you can see in the screenshot, the arrow icon is centered. I would like it to be moved to the end of input. In order to do so I'd assume that I need to override a certain class from CSS and add some padding to the left, however, I don't know exactly which class I would override.

Thank you in advance for the response!

Ponmani Murugaiyan · Accepted Answer

Hi Catalin, 

We would like to inform you that, styles from the Site.css file in the MVC application is overridden the Syncfusion EJ2 input components appearance. So, we suggest you to remove the below styles in your application to get rid of the reported issue.   

[site.css] 




input,  
select,  
textarea {  
    max-width: 280px;  
}  

Regards, 
Ponmani M