The described issue is probably related to the styles included in the _Layout.cshtml. In order to troubleshoot the issue I would suggest the following approach:
1) From the provided screenshots I can see that the Kendo Less-based Default theme is being used across the project. Therefore, the first step is to make sure that the kendo.common.css and kendo.default.css stylesheets are referenced in the application _Layout.cshtml.
2) Make sure that not other kendo.themename.css stylesheets are referenced in the application _Layout.cshtml.
3) Inspect the misaligned DropDownList markup through the browser DOM Inspector and try to identify which styles are causing the issue. The DOM Inspector indicates which stylesheets applies the changes that are affecting the DOM, thus you could try to locate the stylesheet that is causing the problem and investigate it further.
In case the above does not help and the issue continues to persist, you could isolate the issue in a small runnable project and then send it back to me for further review.
I hope this helps. In case you have any additional questions, please let me know.
Get quickly onboarded and successful
with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.